在
FastAdmin中实现
文件上传后显示
文件名称可以通过以下步骤完成：
### 前端部分
在表单中使用
FastAdmin提供的
文件上传组件，一般在视图
文件（如`.html`）中设置。假设使用`upload`字段来处理
文件上传：
```html
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('
File')}</label>
<div class="col-xs-12 col-sm-8">
<div class="input-group">
<input id="c-
file" data-rule="required" class="form-control"
size="
50" name="row[
file]" type="text">
<div class="input-group-addon no-border no-padding">
<span><button type="button" id="plupload-
file" class="btn btn-danger plupload" data-input-id="c-
file" data-mimetype="image/*" data-multiple="false" data-preview-id="p-
file"><i class="fa fa-upload"></i> {:__('Select')}</button></span>
<span><button type="button" id="delete-
file" class="btn btn-danger deleteone" data-input-id="c-
file" data-preview-id="p-
file"><i class="fa fa-trash"></i> {:__('Delete')}</button></span>
</div>
</div>
<ul class="row list-inline plupload-preview" id="p-
file"></ul>
</div>
</div>
```
在上传成功后，会将
文件的路径写入到`input`框中。可以通过监听上传成功事件，从`input`框中获取
文件名称并显示。可以在JavaScript代码中添加以下逻辑：
```javascript
$(document).on('upload-success', '#plupload-
file', function (e, data) {
// 获取
文件路径
var
filePath = $('#c-
file').val();
// 从
文件路径中提取
文件名称
var
fileName =
filePath.split('/').pop();
// 显示
文件名称
$('#
file-name-display').text(
fileName);
});
```
在HTML中添加一个用于显示
文件名称的元素：
```html
<span id="
file-name-display"></span>
```
### 后端部分
在控制器中处理
文件上传逻辑，确保
文件上传成功后返回正确的
文件路径。一般在控制器的`upload`方法中：
```php
public function upload()
{
$
file = $this->request->
file('
file');
if ($
file) {
$info = $
file->move(ROOT_PATH . 'public' . DS . 'uploads');
if ($info) {
$url = '/uploads/' . str_replace('\\', '/', $info->getSaveName());
return json(['code' => 1, 'msg' => __('Upload successful'), 'data' => ['url' => $url]]);
} else {
return json(['code' => 0, 'msg' => $
file->get
Error()]);
}
}
return json(['code' => 0, 'msg' => __('No
file uploaded')]);
}
```
### 总结
通过前端监听上传成功事件，从`input`框中提取
文件名称并显示，后端确保
文件上传成功后返回正确的
文件路径，就可以实现
FastAdmin文件上传后显示
文件名称的功能。
本文详细介绍了如何解决FastAdmin在上传文件时遇到的大小限制问题。通过修改upload配置文件及服务器的php.ini设置，调整upload_max_filesize和post_max_size参数，成功解决了上传失败的问题。
扫一扫
1544
到【灌水乐园】发言
