亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

vue+elementUI的圖片即時(shí)上傳

wenyiweb / 1413人閱讀

摘要：后臺(tái)管理項(xiàng)目用到的是的方式板塊個(gè)人感覺(jué)還是不夠詳盡現(xiàn)在來(lái)說(shuō)一下關(guān)于立即上傳的問(wèn)題主要用到的是的覆蓋原有上傳方式因?yàn)槲倚枰獋鹘o后臺(tái)所以的值可以寫(xiě)為空串頁(yè)面代碼批量上傳可以看到對(duì)應(yīng)的方法是重點(diǎn)操作失敗說(shuō)明其中字段就是后

后臺(tái)管理項(xiàng)目,用到的是vue+elementUI的方式,upload板塊,api個(gè)人感覺(jué)還是不夠詳盡,現(xiàn)在,來(lái)說(shuō)一下關(guān)于立即上傳的問(wèn)題.
主要用到的是http-request的覆蓋原有上傳方式,(因?yàn)槲倚枰獋鱰oken給后臺(tái)),所以action的值可以寫(xiě)為空串.
頁(yè)面代碼:


  批量上傳

可以看到,http-request對(duì)應(yīng)的方法uploadFile是重點(diǎn):

uploadFile(file){
    let formDatas = new FormData();
    formDatas.append("usersFile", file.file);
    formDatas.append("tokenId",this.$store.state.user.tokenId);
    this.$post("/yourUrl",formDatas).then(res =>{
          if(res.code == 0){
            this.$message({
              message: res.msg,
              type: "success"
            });
          }else{
            this.$message({
              message: res.msg?res.msg:"操作失敗",
              type: "error"
            });
          }
        })
  },

說(shuō)明:其中字段usersFile就是后臺(tái)要的key,值就是你選擇的文件 ,這樣就實(shí)現(xiàn)了立即上傳.

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/100368.html

相關(guān)文章

  • 基于vue-elementui的圖片文件上傳的高階使用分享

    摘要：前言要求圖片上傳支持多圖片上傳多瀏覽器圖片格式判斷多圖片同時(shí)上傳通過(guò)防并發(fā)設(shè)置防止可能出現(xiàn)的覆蓋圖片實(shí)時(shí)上傳后支持在新窗口中打開(kāi)查看使用注意代碼中是頁(yè)面中存在循環(huán)很多上傳項(xiàng)，我為了省事直接復(fù)制粘貼的實(shí)現(xiàn)，如果單項(xiàng)上傳就不用考慮了 前言 要求：1、圖片上傳支持多圖片上傳 +多瀏覽器圖片格式判斷；2、多圖片同時(shí)ajax上傳 通過(guò)防并發(fā)設(shè)置防止可能出現(xiàn)的覆蓋；3、圖片實(shí)時(shí)上傳后支持 在新窗口...

    xi4oh4o 評(píng)論0 收藏0

  • 【elementUI系列】使用elementUI調(diào)用一次接口同時(shí)上傳圖片和文件，同時(shí)需要攜帶其他參數(shù)

    摘要：今天有一個(gè)坑，同時(shí)要上傳圖片和文件，而且圖片要展示縮略圖，文件要展示列表。我的思路是首先，只上傳附件照片，這個(gè)直接看的官方例子就行，不僅僅上傳附件照片，還同時(shí)上傳其他參數(shù)。然后，再做上傳照片和文件，上傳其他參數(shù)，其實(shí)也就是文件合并。 今天有一個(gè)坑，同時(shí)要上傳圖片和文件，而且圖片要展示縮略圖，文件要展示列表。 我的思路是： 首先，只上傳附件照片，這個(gè)直接看ele的官方例子就行，不僅僅上傳...

    lavor 評(píng)論0 收藏0

  • 開(kāi)發(fā)中遇到的問(wèn)題總結(jié)

    摘要：獲取字符串中出現(xiàn)次數(shù)最多的字符。去掉字符串中的所有空格中對(duì)象數(shù)組按對(duì)象屬性排序 VUE 1、vue——解決You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use / eslint-disable / to ign...

    wenshi11019 評(píng)論0 收藏0

  • 開(kāi)發(fā)中遇到的問(wèn)題總結(jié)

    摘要：獲取字符串中出現(xiàn)次數(shù)最多的字符。去掉字符串中的所有空格中對(duì)象數(shù)組按對(duì)象屬性排序 VUE 1、vue——解決You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use / eslint-disable / to ign...

    Yuqi 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<