尝试构建我的网站上传图片部分,并希望使用blueimp/jQuery-File-Upload插件,而不是从头开始硬编码所有内容。然而,我对此完全陌生,请问如何将该插件与我的Laravel结构集成?
我应该把所有文件放在哪里?在vendors文件夹中吗?还是应该拆分所有文件夹并将它们的js文件夹放在我的文件夹中等等?
如果您知道教程,那就更好了...谷歌上找不到好的。
谢谢!
我应该把所有文件放在哪里?在vendors文件夹中吗?还是应该拆分所有文件夹并将它们的js文件夹放在我的文件夹中等等?
如果您知道教程,那就更好了...谷歌上找不到好的。
谢谢!
Route::get('image_', function() {
return View::make('image.upload-form');
});
Route::post('image_updade', 'ImageController@postUpload');
将您的 image.upload-form
视图更改为以下内容(我使用简单的 HTML,而不是 Blade
模板):
<?php echo Form::open(array('url' => 'image_updade', 'files' => true, 'id' => 'myForm')) ?>
Name: <input type='file' name='image' id='myFile'/>
<br/>
Comment: <textarea name='comment'></textarea>
<br/>
<input type='submit' value='Submit Comment' />
<?php echo Form::close() ?>
<HEAD>
标记中:<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js'></script>
<script src='http://malsup.github.com/jquery.form.js'></script>
<script>
// Wait for the DOM to be loaded
$(document).ready(function() {
// Bind 'myForm' and provide a simple callback function
$('#myForm').ajaxForm(function() {
alert('Thank you for your comment!');
});
$('#myFile').change(function() {
$('#myForm').submit();
});
});
</script>
下面是一个简单的示例代码,展示了 ImageController@postUpload
控制器如何获取上传的文件,并将其移动到目标文件夹:
<?php
class ImageController extends BaseController {
public function getUploadForm() {
return View::make('image/upload-form');
}
public function postUpload() {
$file = Input::file('image');
$input = array('image' => $file);
$rules = array( 'image' => 'image');
$validator = Validator::make($input, $rules);
if ( $validator->fails() ){
return Response::json(['success' => false, 'errors' => $validator->getMessageBag()->toArray()]);
}
else {
$destinationPath = 'files/';
$filename = $file->getClientOriginalName();
Input::file('image')->move($destinationPath, $filename);
return Response::json(['success' => true, 'file' => asset($destinationPath.$filename)]);
}
}
}
"dependencies": { "jquery": ">=1.6", "blueimp-tmpl": ">=2.5.3", "blueimp-load-image": ">=1.11.0", "blueimp-canvas-to-blob": ">=2.1.0"
- commandantp