js图片上传的封装代码

2023-09-27 07:22:06 284

functionuploadImages(picker,url,callback){ varimg_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不压缩 }, }) varfileType=['image/jpeg','image/jpg','image/gif','image/png','image/bmp'] img_uploader.on('beforeFileQueued',function(file){ fileType.some(function(name){ returnfile.type===name }) ?'':alert('请上传正确的图片！') }) img_uploader.on('uploadSuccess',function(file,res){ callback(file,res) }) img_uploader.on('uploadError',function(file,reason){ console.log(reason); }) img_uploader.on('uploadComplete',function(file){ img_uploader.reset() }) }

varcoverImage; initImageUploader(); functioninitImageUploader(){ varfileUrl=你想上传的地址; uploadImages('#imagePicker',fileUrl,function(file,res){ coverImage=res.url $('#zTu').get(0).innerHTML='

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

js图片上传的封装代码

热门推荐

随机推荐