最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

Vue發(fā)送Formdata數(shù)據(jù)及NodeJS接收方式

 更新時間:2022年06月02日 10:20:00   作者:biaov  
這篇文章主要介紹了Vue發(fā)送Formdata數(shù)據(jù)及NodeJS接收方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教

Vue發(fā)送Formdata數(shù)據(jù)

參數(shù)blob是通過this.cropper.getCroppedCanvas().toBlob(blob => { });獲取到的。

具體使用方法,參考此鏈接地址

// 這里我使用的是cropperjs插件,裁剪圖片成功執(zhí)行此方法
 crop(blob) {
   const formData = new FormData();
   let uid = this.$store.getters.getUid;
   formData.append("croppedImg", blob);
   formData.append("id", uid);
   // 這里使用的是Axios請求
   this.$http
     .post("upload", formData)
     .then(res => {
       let data = res.data;
       if (data.code == 1) {
         let uploadAvatar = this.$store.getters.getUploadAvatar;
         this.$store.dispatch("onSaveUploadAvatar", uploadAvatar + 1);
         this.$Modal.success({
           title: "提示",
           content: data.msg
         });
       } else {
         this.$Modal.warning({
           title: "提示",
           content: data.msg
         });
       }
     })
     .catch(error => {
       console.log(error);
     });
 }

前端請求請求后,我們在瀏覽器的Network看是否有參數(shù)。

確保Network里有Form Data參數(shù) ,如果是Query String Parameters參數(shù)或其它,則有可能不成功。

NodeJS后臺接收

推薦使用multiparty模塊接收參數(shù)。

multiparty文檔地址

// 這里我配置了router,直接用app.post沒有影響
router.post("/upload", (req, res) => {
  let obj = {};
  // 接收參數(shù)
  let form = new multiparty.Form();
  // 設置文件存儲路徑
  form.uploadDir = "./avatar";
  // 設置單文件大小設置
  form.maxFilesSize = 2 * 1024 * 1024;
  // 上傳完后處理
  form.parse(req, function (err, fields, files) {
    console.log(fields);
    console.log(files);
  }
 }

提示:

如果后臺使用connect-multiparty模塊只能接收jQuery傳遞的formdata參數(shù),當然jQuery要設置了屬性:

  • processData: false。// 不處理數(shù)據(jù)
  • contentType: false。// 不設置內(nèi)容類型
  • 參考地址

不能接收Axios傳遞的參數(shù),因此推薦使用multiparty模塊。

查看FormData里的值

const formData = new FormData();
formData.append("basePath", "fos/attach/");
formData.append("file", e.file);

1、遍歷

for (var [a, b] of formData.entries()) {
? console.log(a, b, '--------------');
}

2、get

formdata.get(key)

以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

最新評論

甘谷县| 台中县| 伊通| 天祝| 磴口县| 安图县| 汝阳县| 江永县| 永清县| 旬阳县| 新邵县| 贺兰县| 普安县| 西平县| 舒城县| 桂林市| 东乡| 宜黄县| 滦南县| 扬中市| 垣曲县| 凤阳县| 河池市| 准格尔旗| 泾阳县| 建德市| 温宿县| 屏东县| 巴东县| 阜阳市| 斗六市| 安义县| 淮南市| 陈巴尔虎旗| 介休市| 聊城市| 嘉善县| 临江市| 远安县| 建平县| 阿拉善盟|