element文件上传 php,javascript - vue element-ui 上传文件组件怎么使用

ringa_lee2017-06-26 10:54:201楼

class="upload-demo"

action="//jsonplaceholder.typicode.com/posts/"

:on-preview="handlePreview"

:on-remove="handleRemove"

:file-list="fileList">

点击上传

只能上传jpg/png文件，且不超过500kb

export default {

data() {

return {

fileList: [{name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}]

};

},

methods: {

handleRemove(file, fileList) {

console.log(file, fileList);

},

handlePreview(file) {

console.log(file);

}

}

}

官网的代码直接用，然后在后台接口去接受处理文件不久ok了吗