element-ui 上传文件遇到的问题

现在需要上传附件到服务器,文件类型只能是doc,png,txt,已经在提交之前做过处理了

下面的例子基本是从element-ui官网上扒过来的,因为我只需要上传一个文件,所以limit设置为1这么写是否正确?

action不知道怎么写现在是localhost本地开发,在webpack已经设置代理/api,后端给的接口是/api/xxx

那么我的action应该怎么写


<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">上传到服务器</el-button>

                          <div slot="tip" class="el-upload__tip">只能上传txt,doc,png文件,且不超过10M</div>

                        </el-upload>

最后一个问题我只需要让用户上传一个文件,官网上默认了两个图片,我把fileList改成空数组了[]

出了一点小小的问题,我在element-ui提供的各个方法中打印this.fileList,都是空数组,但是我明明选取文件了

https://img4.mukewang.com/5ca80fb50001bf2c06070289.jpg

https://img1.mukewang.com/5ca80fb60001117808000347.jpg

https://img2.mukewang.com/5ca80fb70001e3f204200125.jpg

https://img1.mukewang.com/5ca80fb80001251506730158.jpg

不负相思意
浏览 6409回答 3
3回答

慕粉4427338

您好,这个问题解决了吗

青春有我

绑定on-success,on-error 看看传没传成功。多看下官方例子
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript