php - 如何通过此文件上传传递 csrf token

Question

我有这个html:

<input id="input-id" type="file" accept=".mp3, .mp4" name="file" class="form-control"><br>
<input type="hidden" id="getfilename" name="uploadedfile" value="">

还有这个用于上传文件的 jquery 插件:

$("#input-id").fileinput({
        maxFileSize: 264000,
        uploadUrl: "{{url('/rate/uploadfile')}}", 
        uploadAsync: true,
        allowedFileExtensions: ['mp3', 'mp4', 'mpeg', 'flv'],
        maxFileCount: 1,
        showUpload: true,
        dropZoneEnabled: false
});

以及Web中间件组下的路由:

Route::post('rate/uploadfile', 'RateController@uploadfile');

每当我尝试上传文件时，我都会收到熟悉的错误:

TokenMismatchException in VerifyCsrfToken.php

Answer 1

首先将此代码添加到您的表单中 <input type="hidden" id="csrf_token" name="_token" value="{{ csrf_token() }}">这会使用 laravel 的 csrf_token() 函数在您的表单上添加一个 csrf token 字段。然后在你的脚本中添加这个

    $("#input-id").fileinput({
            maxFileSize: 264000,
            uploadUrl: "{{url('/rate/uploadfile')}}", 
            uploadAsync: true,
            uploadExtraData:{'_token':$('#csrf_token').val()
            allowedFileExtensions: ['mp3', 'mp4', 'mpeg', 'flv'],
            maxFileCount: 1,
            showUpload: true,
            dropZoneEnabled: false
    });

如果您使用http://plugins.krajee.com/file-input这个插件用于文件上传然后 uploadExtraData:{'_token':$("#csrf_token").val()},此行应添加 csrf token 作为 ajax 请求的额外 post 参数。希望这会有所帮助。