Laravel-admin 插件中文件上传改为异步上传并设置_token 和_method

vinhson 的个人博客 / 9 / 9 / 创建于 6年前 / 更新于 6年前

Laravel laravel-admin 是一个很不错的后台管理系统，在此基础上，用好了可以大大减少开发成本，真正做到敏捷开发，但官方文档难免还有一些不足，例如插件中文件上传改为异步上传并设置_token 和_method 的方法并没有介绍.

官方文档只有一些基础的使用方法:

// 文件上传
$form->file($column[, $label]);

// 修改文件上传路径和文件名
$form->file($column[, $label])->move($dir, $name);

// 并设置上传文件类型
$form->file($column[, $label])->rules('mimes:doc,docx,xlsx');

// 添加文件删除按钮
$form->file($column[, $label])->removable();

// 多图/文件上传
$form->multipleImage($column[, $label]);

// 添加删除按钮
$form->multipleImage($column[, $label])->removable();

// 多文件
$form->multipleFile($column[, $label]);

// 添加删除按钮
$form->multipleFile($column[, $label])->removable();

其实阅读插件原代码可以发现有一些函数虽然没写在官方文档中，但功能还是在的，如 options 方法，可以直接添加 fileinput 配置，那这样就可以直接设置为异步上传，并且设置_token 和_method 值了，如下代码，还有 addElementClass 方法，可以加指定样式

return Admin::form(Android::class, function (Form $form) {

    // 异步上传文件，限上传apk格式
    $form->file('file_upload', '上传安装包')->removable()->addElementClass('apk_upload')->options([
        'showPreview' => false,
        'allowedFileExtensions'=>['apk'],
        'showUpload'=>true,
        'uploadAsync' =>true,
        'uploadUrl' => '/admin/common/apk_upload',
        'uploadExtraData' => [
            '_token'    => csrf_token(),
            '_method'   => 'POST',
        ],
    ])->setWidth(5, 3);
});

laravel php laravel5 laravel-5 laravel-admin

本作品采用《CC 协议》，转载必须注明作者和本文链接

不要轻易放弃。学习成长的路上，我们长路漫漫，只因学无止境 Don't give up easily. On the way of learning and growing up, we have a long way to go, just because there is no end to learning.

本帖由系统于 6年前自动加精

vinhson

931 声望

旧博客地址：https://xiaoxuan6.github.io 新博客地址：xiaoxuan6.verce...

16 人点赞

从零开发一个电商项目，功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等

以构建论坛项目 LaraBBS 为线索，展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。

推荐文章：

更多推荐...

博客

用 Laravel12 Startkit 做了一个 composer 私有包托管平台 😂 点赞超过 20 个开源，看看需要的人多不多 28 / 19 |

博客

花了四个月打磨的 Laravel Plus 开源 30 / 98 |

试用 Laravel + 树莓派搭建视频监控，并支持线上访问 26 / 19 |

博客

在laravel下实现全双工的websocket开发 21 / 8 |

分享创造

无需修改任何代码和扩展将你的Laravel项目性能提高20倍 101 / 100 |

博客

Laravel 实用小技巧——缓存标签的小秘密（下） 12 / 11 |

讨论数量: 9

小猪蹄子

203 声望

如果这么处理了，怎么把返回的文件路径赋值

6年前评论

lyle1995

课程读者 0 声望

后续该怎么赋值呢？

5年前评论

Chenhappy

课程读者 92 声望

请问一下上传成功以后怎么获取上传成功的值？并且写进去～

4年前评论

lx36889589

0 声望

$js = <<<EOT $('input.apk_upload').on ('fileuploaded', function (event, data, id, index) { var res = data.response; alert (res.msg) }); EOT; Admin::script ($js); 后续可以这样获取返回值，希望能帮到你

4年前评论

Chenhappy

课程读者 92 声望

谢谢

4年前评论

yanxx

0 声望

遇到了相同的问题，file 上传成功之后怎么把文件路径赋值给 file 呢？我用 js 赋值之后提交表单没有 file 对应的这个字段是怎么回事呢？是我的方法不对吗？代码如下 $('input.video_upload').on ('fileuploaded', function (event, data, id, index) { var res = data.response; console.log (event); var file_id= event.target.id; if (res.code==200){

   $('#'+file_id).attr('value',res.data.url);
}else{
    alert(res.msg);
}

});

4年前评论

stefen

这个js我写了。怎么也触发不了。那里来的fileuploaded事件呢

JunLi

0 声望

file 使用这个方法可以上传到库里，但是页面图片回显展示失败了，请问有什么方法吗？

3年前评论

Chenhappy

问答：Laravel-admin 自定义的文件上传问题

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助

未填写

私信

所有博文

文章归档

1 篇 2023 年 7 月 2 篇 2023 年 5 月 2 篇 2023 年 3 月 1 篇 2022 年 12 月 1 篇 2022 年 10 月 1 篇 2020 年 7 月 1 篇 2020 年 6 月 1 篇 2020 年 4 月 1 篇 2020 年 3 月 1 篇 2019 年 11 月 1 篇 2019 年 8 月 2 篇 2019 年 7 月 1 篇 2019 年 5 月 3 篇 2019 年 4 月 4 篇 2019 年 3 月 2 篇 2019 年 1 月 1 篇 2018 年 12 月 3 篇 2018 年 11 月 3 篇 2018 年 10 月 2 篇 2018 年 9 月 15 篇 2018 年 8 月

1年前 [win系统]一条命令安装各种开发工具，再也不怕换电脑导致无法工作而烦恼 1年前失业一年了，有没有接私活渠道混口饭吃求推荐？ 2年前可用 chat-gpt 网站，当前500+站点 2年前 docker-compose 搭建 redis 集群 2年前爬取全国「省市区县乡镇街道」数据来源于[京东]

112 Git 的奇技淫巧 106 99%的人都理解错了 HTTP 中 GET 与 POST 的区别 39 msyql 主从复制 29 身份证信息提取和验证组件 28 Composer 各大厂商镜像地址

博客标签

composer

redis

php

laravel

database

gitlab

lumen

laravel5

github

laravel-5

git

laravel-admin

gitee

laravel redis

展开

成为赞助商

Laravel-admin 插件中文件上传改为异步上传并设置_token 和_method

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

Laravel-admin 插件中文件上传改为异步上传并设置_token 和_method

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录