關於element 上傳文件el-upload


el-upload 上傳文件 默認  就為 Content-Type: multipart/form-data; boundary=----WebKitFormBoundarywqIudbC9xP59QqKa   后面的boundary 不知道是什么鬼;由於el-upload 提供了 header 我就以為需要在標簽中加上這種屬性,結果直接炸裂; 

 <el-upload
          class="upload-demo"
          :action="url"
          name='files'
          :file-list="fileList"
          :show-file-list='false'
          :on-success="fileDone"
          :auto-upload='false'
          :on-change="filelistChange"
          ref = 'uploadLOGO'      // 在這ref 在vue3中 通過 在setup中聲明一個uploadLOGO 值為null的變量 然后就可以拿到該元素了 跟this.$refs差不多的效果 
      list
-type="picture"
          >
          <el-button size="small" type="primary">點擊上傳</el-button> 
        <p class="img" v-if="imgSrc!=''">
            <img :src="imgSrc" alt="">
        </p>
        </el-upload>

在這里需要注意 這里面這個 name屬性是很關鍵的 默認就為 file 這個東西要與后端相對應  如果后端發神經給你改一下子,反正我這邊搗鼓了半天 差點沒和后端干起來;

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM