本文实例为大家分享了js图片上传的具体代码,供大家参考,具体内容如下
js封装的方法
rush:js;">
function uploadImages(picker,url,callback) {
var img_uploader = WebUploader.create({
auto: true,server: url,pick: picker,fileNumLimit: 1,fileSingleSizeLimit: 2097152,// 2M
accept: {
title: 'Images',extensions: 'gif,jpg,jpeg,bmp,png',// mimeTypes: 'image/*'
},compress: {
width: 300,compressSize: 102400 // < 100kb 不压缩
},})
var fileType = ['image/jpeg','image/jpg','image/gif','image/png','image/bmp']
img_uploader.on('beforeFileQueued',function(file) {
fileType<a href="https://www.jb51.cc/tag/so/" target="_blank" class="keywords">.so</a>me(function(name) {
return file.type === name
})
? '' : alert('请<a href="https://www.jb51.cc/tag/shangchuan/" target="_blank" class="keywords">上传</a>正确的<a href="https://www.jb51.cc/tag/tupian/" target="_blank" class="keywords">图片</a>!')
})
img_uploader.on('uploadSuccess',function(file,res) {
callback(file,res)
})
img_uploader.on('uploadError',reason) {
console.log(reason);
})
img_uploader.on('uploadComplete',function(file) {
img_uploader.reset()
})
}
html
rush:xhtml;">
图片
javascript
' }) }