鍍金池/ 問答/HTML/ element-ui 上傳文件遇到的問題

element-ui 上傳文件遇到的問題

現(xiàn)在需要上傳附件到服務(wù)器,文件類型只能是doc,png,txt,已經(jīng)在提交之前做過處理了
下面的例子基本是從element-ui官網(wǎng)上扒過來的,因?yàn)槲抑恍枰蟼饕粋€(gè)文件,所以limit設(shè)置為1這么寫是否正確?
action不知道怎么寫現(xiàn)在是localhost本地開發(fā),在webpack已經(jīng)設(shè)置代理/api,后端給的接口是/api/xxx
那么我的action應(yīng)該怎么寫

<el-upload
                          class="upload-demo"
                          ref="upload"
                          action="https://jsonplaceholder.typicode.com/posts/"
                          accept="application/msword, image/png"
                           :limit="1"
                          :before-upload="beforeUpload"
                          :on-preview="handlePreview"
                          :on-remove="handleRemove"
                          :on-change = "handleChange"
                          :file-list="fileList"
                          :auto-upload="false">
                          <el-button slot="trigger" size="small" type="primary">選取文件</el-button>
                          <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上傳到服務(wù)器</el-button>
                          <div slot="tip" class="el-upload__tip">只能上傳txt,doc,png文件,且不超過10M</div>
                        </el-upload>

最后一個(gè)問題我只需要讓用戶上傳一個(gè)文件,官網(wǎng)上默認(rèn)了兩個(gè)圖片,我把fileList改成空數(shù)組了[]
出了一點(diǎn)小小的問題,我在element-ui提供的各個(gè)方法中打印this.fileList,都是空數(shù)組,但是我明明選取文件了

clipboard.png

clipboard.png

clipboard.png

clipboard.png

回答
編輯回答
尐潴豬

action 直接寫 /api/xxx 就行了,webpack代理會(huì)把網(wǎng)頁(yè)所有符合代理規(guī)則的請(qǐng)求都重寫的

至于 fileList 打印不出來的問題,你得貼一下完整代碼

2018年8月30日 12:20
編輯回答
尐飯團(tuán)

綁定on-success,on-error 看看傳沒傳成功。多看下官方例子
clipboard.png

2017年9月19日 08:05