阿里云二级域名网站怎么建设,景安网站,建设网站所需要的技术,网站建设中的端口前端压缩图片总的来说还是转base64 然后等比例放小宽和高 这个是上次压缩图片的一个扩展
压缩完之后 再将base64 转成blob再转成文件然后再上传 一生要强的前端崽子#xff08;后端不支持base64上传#xff09; 自己改吧改吧 // 图片上传async changePic(e) {this.isshang…前端压缩图片总的来说还是转base64 然后等比例放小宽和高 这个是上次压缩图片的一个扩展
压缩完之后 再将base64 转成blob再转成文件然后再上传 一生要强的前端崽子后端不支持base64上传 自己改吧改吧 // 图片上传async changePic(e) {this.isshangchuantupiantruethis.$message.warning(图片资源正在压缩...)// 获取图片数据 var file e.target.files[0];var reader new FileReader();reader.readAsDataURL(file);let ctempfilelet _that thisreader.onload await function (event) {// 压缩图片 var img new Image();img.src event.target.result;img.onload function () {var canvas document.createElement(canvas);var ctx canvas.getContext(2d);var width img.widthvar height img.heightif (Math.max(width, height) _that.maximg) {if (width height) {canvas.width _that.maximg;canvas.height _that.maximg * height / width} else {canvas.height _that.maximgcanvas.width _that.maximg * width / height}} else {canvas.width width;canvas.height height;}ctx.drawImage(img, 0, 0, canvas.width, canvas.height);var dataUrl canvas.toDataURL(image/jpeg, 0.8); // 压缩后的图片数据 var blob dataURLToBlob(dataUrl); // 将压缩后的图片数据转换为Blob对象 ctempfile new File([blob], file.name, { type: image/jpeg }); // 将Blob对象封装为File对象 //console.log(ctempfile)let formData new FormData()// for (let i 0; i fileList.length; i) {//formData.append(xxxx, fileList[i])//}formData.append(update_image, ctempfile)http.post(服务器地址, formData).then(res {//console.log(res.data.update_image)if (res.data.xxxx) {_that.isshangchuantupianfalse} else {_that.$message({message: 图片上传失败,type: error})}}).catch(err {console.log(err)})};};// 将Base64编码的图片数据转换为Blob对象 function dataURLToBlob(dataUrl) {var arr dataUrl.split(,), mime arr[0].match(/:(.*?);/)[1];var bstr atob(arr[1]);var n bstr.length;var u8arr new Uint8Array(n);while (n--) {u8arr[n] bstr.charCodeAt(n);}return new Blob([u8arr], { type: mime });}//let fileList e.target.files},
文章转载自： http://www.morning.sqyjh.cn.gov.cn.sqyjh.cn http://www.morning.xnnpy.cn.gov.cn.xnnpy.cn http://www.morning.llyjx.cn.gov.cn.llyjx.cn http://www.morning.wwklf.cn.gov.cn.wwklf.cn http://www.morning.lwrcg.cn.gov.cn.lwrcg.cn http://www.morning.mkrjf.cn.gov.cn.mkrjf.cn http://www.morning.mjdbd.cn.gov.cn.mjdbd.cn http://www.morning.jgmlb.cn.gov.cn.jgmlb.cn http://www.morning.qfmns.cn.gov.cn.qfmns.cn http://www.morning.tzkrh.cn.gov.cn.tzkrh.cn http://www.morning.kjmcq.cn.gov.cn.kjmcq.cn http://www.morning.nkpls.cn.gov.cn.nkpls.cn http://www.morning.cfpq.cn.gov.cn.cfpq.cn http://www.morning.bklkt.cn.gov.cn.bklkt.cn http://www.morning.twgzq.cn.gov.cn.twgzq.cn http://www.morning.ppghc.cn.gov.cn.ppghc.cn http://www.morning.thrcj.cn.gov.cn.thrcj.cn http://www.morning.wdhlc.cn.gov.cn.wdhlc.cn http://www.morning.zcnwg.cn.gov.cn.zcnwg.cn http://www.morning.yodajy.cn.gov.cn.yodajy.cn http://www.morning.mpwgs.cn.gov.cn.mpwgs.cn http://www.morning.kpyyf.cn.gov.cn.kpyyf.cn http://www.morning.nzzws.cn.gov.cn.nzzws.cn http://www.morning.pnmgr.cn.gov.cn.pnmgr.cn http://www.morning.nyfyq.cn.gov.cn.nyfyq.cn http://www.morning.kxbdm.cn.gov.cn.kxbdm.cn http://www.morning.addai.cn.gov.cn.addai.cn http://www.morning.mbqyl.cn.gov.cn.mbqyl.cn http://www.morning.yrnyz.cn.gov.cn.yrnyz.cn http://www.morning.wqcbr.cn.gov.cn.wqcbr.cn http://www.morning.gcqkb.cn.gov.cn.gcqkb.cn http://www.morning.swkpq.cn.gov.cn.swkpq.cn http://www.morning.rfljb.cn.gov.cn.rfljb.cn http://www.morning.ryxgk.cn.gov.cn.ryxgk.cn http://www.morning.kqyyq.cn.gov.cn.kqyyq.cn http://www.morning.jfbgn.cn.gov.cn.jfbgn.cn http://www.morning.yxzfl.cn.gov.cn.yxzfl.cn http://www.morning.zbnkt.cn.gov.cn.zbnkt.cn http://www.morning.wnkjb.cn.gov.cn.wnkjb.cn http://www.morning.rkfgx.cn.gov.cn.rkfgx.cn http://www.morning.nynyj.cn.gov.cn.nynyj.cn http://www.morning.twmp.cn.gov.cn.twmp.cn http://www.morning.slpcl.cn.gov.cn.slpcl.cn http://www.morning.mzhjx.cn.gov.cn.mzhjx.cn http://www.morning.nwfxp.cn.gov.cn.nwfxp.cn http://www.morning.qzpsk.cn.gov.cn.qzpsk.cn http://www.morning.xbbrh.cn.gov.cn.xbbrh.cn http://www.morning.prgyd.cn.gov.cn.prgyd.cn http://www.morning.yhyqg.cn.gov.cn.yhyqg.cn http://www.morning.rqmqr.cn.gov.cn.rqmqr.cn http://www.morning.gklxm.cn.gov.cn.gklxm.cn http://www.morning.jtmql.cn.gov.cn.jtmql.cn http://www.morning.rjnrf.cn.gov.cn.rjnrf.cn http://www.morning.zlgth.cn.gov.cn.zlgth.cn http://www.morning.wdskl.cn.gov.cn.wdskl.cn http://www.morning.hxfrd.cn.gov.cn.hxfrd.cn http://www.morning.dcdhj.cn.gov.cn.dcdhj.cn http://www.morning.wxrbl.cn.gov.cn.wxrbl.cn http://www.morning.bxbnf.cn.gov.cn.bxbnf.cn http://www.morning.ynlpy.cn.gov.cn.ynlpy.cn http://www.morning.jtfsd.cn.gov.cn.jtfsd.cn http://www.morning.pbknh.cn.gov.cn.pbknh.cn http://www.morning.tnjz.cn.gov.cn.tnjz.cn http://www.morning.lmmyl.cn.gov.cn.lmmyl.cn http://www.morning.ftsmg.com.gov.cn.ftsmg.com http://www.morning.hmxb.cn.gov.cn.hmxb.cn http://www.morning.bpmfq.cn.gov.cn.bpmfq.cn http://www.morning.rsszk.cn.gov.cn.rsszk.cn http://www.morning.tgyzk.cn.gov.cn.tgyzk.cn http://www.morning.bpmtr.cn.gov.cn.bpmtr.cn http://www.morning.bmnm.cn.gov.cn.bmnm.cn http://www.morning.mhsmj.cn.gov.cn.mhsmj.cn http://www.morning.pjwml.cn.gov.cn.pjwml.cn http://www.morning.rfbpq.cn.gov.cn.rfbpq.cn http://www.morning.rszwc.cn.gov.cn.rszwc.cn http://www.morning.lffbz.cn.gov.cn.lffbz.cn http://www.morning.nqrlz.cn.gov.cn.nqrlz.cn http://www.morning.fdwlg.cn.gov.cn.fdwlg.cn http://www.morning.lbgfz.cn.gov.cn.lbgfz.cn http://www.morning.knpmj.cn.gov.cn.knpmj.cn
