Question

我在表单数据中追加任何内容时遇到问题。它总是空的。如何附加图像文件和其他一些数据？

    var data = new FormData();
    fileResult = this.$els.fileIntroImage.files;

    data.append('name',this.property_credentials.name);
    data.append('default_image',this.$els.fileIntroImage.files[0],File);
    console.log('data',data);

Answer 1

花了一些时间来了解Vue上传文件。

这是我的Vue组件上的方法对象：

methods: {
    upload(e) {
        e.preventDefault();
        var self = this;

        var formData = this.gatherFormData();

        this.$http.post('/path/to/upload/method', formData)
        .then(response => {
           //do stuff
        },
        (response) => {
          //show error
        });
    },
    gatherFormData() {
        const data = new FormData();

        data.append('image', this.$refs.image.files[0]);
        data.append('other_field', this.other_field);
        return data;
    }
},

就Laravel而言，这应该像普通文件字段一样起作用。

使用追加后表单数据为空？

1 个答案: