柔晶美网络工作室

柔晶美网络工作室,倾心于web技术的博客站点

关注我 微信公众号

您现在的位置是: 首页 > 博客日记

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

2019-09-23 admin laravel  前端  1554

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

完毕!

文章评论


需要 登录 才能发表评论
热门评论
0条评论

暂时没有评论!