在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 上傳數(shù)據(jù)到服務器出現(xiàn)以下問題

上傳數(shù)據(jù)到服務器出現(xiàn)以下問題

上傳數(shù)據(jù)到服務器出現(xiàn)瀏覽器崩潰問題

上傳數(shù)據(jù)比較多,其中包括2到3個base64

相關代碼

  <Upload :show-upload-list="true" :headers="{'token':user}" 
  accept="application/pdf"
  multiple
  action="http://jsonplaceholder.typicode.com/posts/"
  :on-success="handleSuccess" 
  :before-upload="handleBeforeUpload">
  <Button type="ghost" icon="ios-cloud-upload-outline">文件上傳</Button>
  </Upload>
          
handleBeforeUpload(file) {
  var reader = new FileReader();
  reader.readAsDataURL(file);

  reader.onloadend = () => {
    this.upList.push(reader.result);
    this.$set(this.list, "value", this.upList);

    console.log(this.list);
  };

  return false;
},

數(shù)據(jù)保存成功,并且不是很慢

錯誤如下:

clipboard.png

回答
編輯回答
笑忘初

出現(xiàn)瀏覽器崩潰的原因是,你瀏覽器占用的內存爆倉了。你的reader.onloadend方法把base64的數(shù)據(jù)都存起來了,這里是存到內存當中,當數(shù)據(jù)量很大的情況下,就會出現(xiàn)內存爆倉,瀏覽器沒有額外的內存去正常運行了。
你需要限制一下上傳文件的大小,當文件過大的情況下,推薦采用 分片上傳技術,使用類似于js-spark-md5前端js類庫。參考html5大文件上傳技術

2018年1月31日 06:06