路由
Route::get('/mediafile', 'MediaController@index');
MediaController
public function store(Request $request)
{
$image = $request->file('UserFile');
if($request->hasFile('UserFile')) {
$filename = $image->getClientOriginalName();
Image::make($image)->resize(300, 300)->save(public_path('media/' . $filename));
$media = new Media();
$media->Description = $request->Description ? $request->Description : '';
$media->MediaPath = $filename;
$media->MediaName = $filename;
$media->save();
}
return response()->json($media);
}
查看
<div class="form-group image">
<div class="col-xs-12 col-sm-12 col-md-12">
<label>Gambar</label><input type="file" name="UserFile" id="userfile" style="display: inline">
<label style="margin-left: 25px">atau</label>
<a href="http://192.168.1.12/melody4/media/select.html" class="pilihmedia btn btn-default">Pilih dari media</a>
<input type="hidden" id="MediaID" name="CategoryMediaID" value="" />
<br /><br />
<span class="uploadstatus"></span>
<div class="success infomedia infomedia alert alert-success" style="display: none">
</div>
</div>
ajax
$('#userfile').change(function(){
$(this).attr('disable',true);
$('.uploadstatus').html('Sedang mengupload file <img src="{{ asset('vendor/img/loading.gif') }}" alt="ajaxloading" />');
$(this).parent().ajaxSubmit({
url: "<?php echo url('/mediafile') ?>",
dataType: 'json',
type: "POST",
success : function(data){
$(this).attr('disable',false);
$('.uploadstatus').empty();
},
error : function(data){
}
});
});
我在发布图像时使用AJAX会出现错误的" 405方法",我对堆栈溢出中的所有答案进行了研究,但我仍然无法解决。
请帮助我解决它。
可能是CSRF令牌中的问题在HTML
中添加此行<meta name="_token" content="{{ csrf_token() }}"/>
和ajax
$.ajaxSetup({
headers: { 'X-CSRF-Token' : $('meta[name=_token]').attr('content') }
});
需要在ajax呼叫中发布图像
将 Route::get
更改为 Route::post
处理发布请求。
如果您需要同时支持Get and Post:使用Route::match
或Route::any
。
在此处阅读有关Laravel Router的更多信息:https://laravel.com/docs/5.5/routing