使用Javascript (VueJs)将输入文件数据传递给PHP(Laravel)

Pass input file data to PHP(Laravel) Using Javascript (VueJs)

本文关键字：PHP Laravel 数据 输入 Javascript VueJs 使用 文件      更新时间：2023-09-26

很简单，我试图使用javascript将文件从javascript传递到PHP，我尝试了以下操作，但它没有拾取我输入的文件。

Html 

    <form v-on:submit="submitForm($event)">
        <input type="file" id="image" v-el="fileInput">
        <button class="btn">
            Submit
        </button>
    </form>
我JavaScript 

methods: {
        submitForm: function(e) {
                e.preventDefault();
                var formData = new FormData();
                formData.append('image', $('#image').files[0]);
                console.log(formData);
                this.$http.post('getFiles', formData, function (data, status, request) {
                    console.log('success');
                }).error(function (data, status, request) {
                    console.log('error');
                });
            }
        }

最后

TypeError- Cannot read property '0' of undefined

我不是100%确定问题在这里，但它似乎没有注册当我上传一个文件，任何帮助将是感激

$('#image')将返回一个数组。

所以，要让它工作，你可以:

$('#image')[0].files[0]

希望这对你有帮助!

相关文章：