码迷,mamicode.com
首页 > Web开发 > 详细

前端图片上传

时间:2018-05-21 16:08:05      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:post   上传   css   filetype   .sh   cto   ack   cal   前端   

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

 
  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

前端图片上传

标签:post   上传   css   filetype   .sh   cto   ack   cal   前端   

原文地址:https://www.cnblogs.com/qing619/p/9067100.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!