做項目用到圖片上傳，遇到一個別人寫的不錯的插件，插件小，方便，在這寫一下保存方便以後再次用到

　　var u1 = new UploadPic();
   u1.init({
       selector: ‘#fileImage‘,
       callback: function(base64,input,u) {
           $.ajax({
               url: baseUrl+‘/api/v1/file/uploadBase64File‘,
               data: {imageFile: base64, fileType: ‘0‘, ctype: ‘local‘, ‘base64‘:‘base64‘,‘filename‘:u.fileName},
               type: ‘post‘,
               dataType: ‘json‘,
               success: function(i) {
                   alert(i.data);
                   var textHtml = "<img class=‘imgFile‘ src=‘"+i.data+"‘/>";  
            $("#showImg").append(textHtml);
                   //input.prev().prev().remove();
                   //input.prev().attr(‘src‘,i.data).css(‘display‘,‘block‘);;
                   //input.next().val(i.key);
                   //jq.show_tip(‘上傳成功!‘);
               }
           })
       },
       loading: function() {
           //jq.show_tip(‘上傳中!‘);
       }
   });

插件和原文的地址：https://github.com/lunnlew/wx_upload_by_file

前端圖片上傳