Laravel 使用Ajax方式上传视频等文件

发布于2019-09-24 10:59:46  分类:laravel   阅读( 137 ) 

Ajax上传文件时,可借助XMLHttpRequest Level 2 的FormData对象实现二进制文件上传,先创建一个空对象,再将input的文件添加到对象里。关键在于添加文件到FormData对象:

formData.append("video",$("[name='video']").get(0).files[0]);

效果:测试上传视频

增加上传进度,需要注意的是赋值反馈,以及jq操作css的方法:

文件增加上传按钮,并插入编辑器当前光标中

toolbarIcons : ['undo', 'redo', 'bold', 'del', 'italic', 'quote', 'uppercase', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'list-ul', 'list-ol', 'hr', 'link', 'reference-link', 'image', 'code', 'code-block', 'table', 'emoji', 'html-entities', 'watch', 'pagebreak','testIcon','file'],
 toolbarIconsClass : {
 testIcon : "fa-gears"  // 指定一个FontAawsome的图标类
 },
 //视频上传按钮
 toolbarCustomIcons : {
 file   : "[object Object]

具体代码:

367edbb8909ff4136810826d20ca8cce.zip

完毕!

最后更新于:2019-10-17 09:18:43


上一篇: Laravel使用Ueditor百度编辑器,添加代码高亮功能

下一篇: Laravel开发excel信息查询系统过程(后台)


  • 最新评论(共0条)
需要登录才能发表评论

加入组织

  • QQ
  • 1. 手Q扫左侧二维码

    2. 搜Q群:617719749

    3. 点击加入学习群

最新评论