在 laravel 中上传 AJAX 文件

2022-01-08 00:00:00 jquery php laravel ajax laravel-4

自从过去两天以来，我一直在尝试让 ajax 文件上传在 lavavel 4 中工作，但我现在很不走运.

I've been trying to get ajax file upload working in lavavel 4 since last two days and I'm soo out of luck right now.

我的 jquery 块

my jquery block 

$(document).ready(function(){

$('#basicModuleImage').change(function () {
    sendFile(this.files[0]);
});

function sendFile(file) {

  $.ajax({
    type: 'post',
    url: '/upload',
    data: file,
    enctype: 'multipart/form-data',
    success: function (data) {
            alert(data);
    },
    processData: false,
    contentType: file.type
  });
}
 });

HTML 块

 <form method="post" action="">
 <input type="file" id="basicModuleImage" name="basicModuleImage" />
 </form>

LARAVEL PHP 块

LARAVEL PHP block

Route::post('upload', function(){

return Response::json(array('a'=>var_dump(Input::all()),'b'=>var_dump($_FILES)));

});

我也尝试使用 https://github.com/LPology/Simple-Ajax-Uploader 但似乎 laravel 有问题.

I also tried using https://github.com/LPology/Simple-Ajax-Uploader but it seems a problem with laravel.

JSON 响应返回 a 和 b 均为 null.

JSON response returns a and b both null.

推荐答案

关键在你的 ajax 请求中.在控制器中你可以做任何你想做的事情.

The key are in your ajax request. In the controller you can do whatever you want.

var form = document.forms.namedItem("yourformname"); // high importance!, here you need change "yourformname" with the name of your form
var formdata = new FormData(form); // high importance!

$.ajax({
    async: true,
    type: "POST",
    dataType: "json", // or html if you want...
    contentType: false, // high importance!
    url: '{{ action('yourController@postMethod') }}', // you need change it.
    data: formdata, // high importance!
    processData: false, // high importance!
    success: function (data) {

        //do thing with data....

    },
    timeout: 10000
});

相关文章