使用 Bootstrap File Input 插件上传图片
使用 ajax 异步上传,
希望所有上传的图片全部使用一个上传地址
服务端的代码不知怎么处理 ?
备注: 不想使用 最原始的 $_FILES 来处理,
视图:
<div class="form-group">
<label for="inputPassword3" class="col-sm-2 control-label">缩略图:</label>
<div class="col-sm-10">
<input id="input-700" name="Articles[thumb]" type="file" multiple >
</div>
</div>
<script>
$("#input-700").fileinput({
language: "zh",
allowedFileExtensions : ['jpg', 'jpeg', 'png','gif'],
uploadUrl: "<?= Url::toRoute('/upload/index');?>", // server upload action
uploadAsync: true,
maxFileSize: 1000,
maxFileCount: 5
});
</script>
控制器:
public function actionIndex()
{
$response = [];
if (Yii::$app->request->isPost) {
$model = new UploadForm();
$model->images = UploadedFile::getInstance($model, 'thumb');
$response['images'] = $model->images;
$response['url'] = $model->upload();
$response['id'] = Yii::$app->request->post('id');
$response['file'] = $_FILES;
$response['post'] = Yii::$app->request->post();
}
echo Json::encode($response);
}
关键点 主要是
$model->images = UploadedFile::getInstance($model, 'thumb'); 中的2个参数 $model, 'thumb'
没搞懂,不知道怎么写,
目前 $model->images 为 NULL
求指点 。。。