Laravel 使用Ajax方式上传视频等文件
2019-09-23 admin laravel 前端 1610
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
完毕!