Question

很简单我试图使用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％肯定这里的问题，但它似乎没有注册我上传文件，任何帮助将不胜感激

Answer 1

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

所以，为了让它发挥作用，你可以：

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

希望这有帮助！

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

1 个答案: