前端图片上传

最新推荐文章于 2019-07-05 12:34:07 发布

转载最新推荐文章于 2019-07-05 12:34:07 发布 · 86 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/qing619/p/9067100.html

文章标签：

#前端 #ViewUI

做项目用到图片上传，遇到一个别人写的不错的插件，插件小，方便，在这写一下保存方便以后再次用到

　　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('上传中!');
       }
   });