php上传文件插件怎么用,使用jquery-fileupload上传插件

引用插件

css框架使用的是bootstrap

jquery一定要引用的

html代码

缩略图

Add files...

Start upload

Cancel upload

Delete

js代码

$(function () {

$('#fileupload').fileupload({

dataType: 'json',

progressall: function (e, data) {

var progress = parseInt(data.loaded / data.total * 100, 10);

$('#progressbar').css(

'width',

progress + '%'

);

},

add: function (e, data) {

data.context = $('#startupload').click(function () {

data.submit();

});

},

submit: function (e, data) {

},

autoUpload:false,

formData:{_token:"{{csrf_token()}}"},

url:'/upload/upload-img',

done: function (e, data) {

console.log(data);

if(data.result.status == 'success')

{

$('#thumb').val(data.result.path);

alert('上传成功！') ;

}else{

alert('上传失败！') ;

}

/*

$.each(data.result.files, function (index, file) {

$('

});

*/

}

});

});

php处理代码 (laravel5)

public function uploadImg(Request $request)

{

if (!$request->hasFile('files'))

{

return response()->json(['path' => '', 'status' => 'error']);

}

$file = $request->file('files');

$filePath = 'upload/'.str_random(16).'.'.$file->getClientOriginalExtension();

Storage::put($filePath, file_get_contents($file->getRealPath()));

return response()->json(['path' => $filePath, 'status' => 'success']);

}