element-ui 上传问题

图片是通过连接设备拍摄后获取的本地存储的绝对地址。。。如何用upload上传
将图片直接放置于 file-list 内,状态自动变为 success。。。无法上传。

仔细看了看数据,对比了通过选择图片后的数组结构。。。
通过选择图片:

{
name: "2-1406091109422c.jpg"
percentage: 0
raw: File(348934)
    lastModified: 1530602084907
    lastModifiedDate: Tue Jul 03 2018 15:14:44 GMT+0800 (中国标准时间) {}
    name: "2-1406091109422c.jpg"
    size: 348934
    type: "image/jpeg"
    uid: 1542613909039
    webkitRelativePath: ""
    __proto__: File
size: 348934
status: "ready"
uid: 1542613909039
}

通过设备拍摄后赋值到 file-list 内的数据(此数据是base64转file后的):

{
name: "123.png"
raw: File(106239)
    lastModified: 1542614011207
    lastModifiedDate: Mon Nov 19 2018 15:53:31 GMT+0800 (中国标准时间) {}
    name: "123.png"
    size: 106239
    type: "image/jpg"
    webkitRelativePath: ""
    __proto__: File
status: "ready"
uid: 1542614011293
}

决定吧本地获取的图片(base64)转为 file 对象,放入 file-list 可是提交过去,有 file 对像内没有 uid 这个参数,上传就报错(uid是自动生成)。。。。

是在不知道怎么弄了,最坏结果就是自己另写一个文件上传。。。

阅读 3.8k
3 个回答
新手上路,请多包涵

这个问题我最终的解决办法,设备拍摄图片转blob通过ajax表单文件提交方式,上传了。没有用element-ui的上传。闲了再重新倒腾下,之前弄完就一直用了没时间改。。。

新手上路,请多包涵

刚查upload组件自动变success导航过来,经过看源码,里面有个item.status = item.status || 'success'
所以这边对fileList赋值前可以先设置status为非success

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题