本文介绍了谷粒商城前端使用renren-fast-vue的文件上传组件，包括data对象的配置、fileList计算属性的创建、上传事件处理、预览、移除和限制上传数量等功能。详细阐述了beforeUpload中获取阿里云OSS政策和签名的过程，以及handleUploadSuccess回调中如何处理上传成功后的文件信息。
data() {
return {
dataObj: {
policy: “”,
signature: “”,
key: “”,
ossaccessKeyId: “”,
dir: “”,
host: “”,
uuid: “”,
},
dialogVisible: false,
dialogImageUrl: null,
};
},
computed: {
fileList() {
let fileList = [];
for (let i = 0; i < this.value.length; i++) {
fileList.push({ url: this.value[i] });
}
return fileList;
},
},
mounted() {},
methods: {
emitInput(fileList) {
let value = [];
for (let i = 0; i < fileList.length; i++) {
value.push(fileList[i].url);
}
this.$emit(“input”, value);
},
handleRemove(file, fileList) {
this.emitInput(fileList);
},
handlePreview(file) {
thi
最低0.47元/天 解锁文章
836
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
