jQuery / AngularJS - 使用 AJAX 上传文件

Question

有人可以回答，一劳永逸，是否可能使用 AJAX 上传文件？

我在网络上阅读了一些帖子，指出使用 AJAX 上传文件是不可能！

如果可能的话，有人可以提供一个工作 AJAX 请求的代码吗？

我已经尝试了大约 10 个示例，我在网上找到了这些示例，但没有人在工作。

请不要向我推荐插件。我想了解它的工作原理并自己实现它。

提前致谢！

Answer 1

试试这个，

HTML

<input id="pic "type="file" name="file" onchange="javascript:this.form.submit();">

JS：

$("#pic").change(function() {
    var file_data = $('#pic').prop('files')[0];
    var form_data = new FormData();
    form_data.append('file', file_data)
    alert(form_data);
    $.ajax({
                url: 'upload.php',
                dataType: 'text',
                cache: false,
                contentType: false,
                processData: false,
                data: form_data,
                type: 'post',
                success: function(dat){
                    alert('it works maybe');
                }
     });
});