ArcherWong博客
首页
博客
ajax上传文件
作者:ArcherWong
分类:javascript
时间:2019-01-03 21:35:07
阅读:334
当我们提交表单但是又不想要刷新页面的时候就可以考虑使用ajax来实现提交功能,但是这有个局限就是当有文件上传的时候是行不通的,下面借助于jquery.form可以很方便满足我们的需求. 1.表单写法: ``` <form class="ui form error-page" id="error_page" method="post" action="{{ url('web/save/error-page') }}" enctype="multipart/form-data"> <input type="file" name="upload_item_value[0]" > <input type="file" name="upload_item_value[1]" > <input type="file" name="upload_item_value[2]"> </form> <div class="ui green button save">保存</div> ``` 2.ajax写法(借助于Jquery.form): ``` $(document).ready(function () { var options = { success: function (data) { //成功后的操作 } }; $(".save").click(function () { $("#error_page").ajaxSubmit(options); }); }); ``` 3.后台接收情况(使用了laravel框架) ``` $files = $request->file('upload_item_value'); //可以通过遍历后,在使用laravel自带的方法处理上传文件 foreach ($file as $file) { $file->move('your_store_path', 'file_name'); } ```` jquery.form官网 :http://plugins.jquery.com/form/
标签:
上一篇:
guacamole实现虚拟键盘
下一篇:
ajax使用
文章分类
css
elasticsearch
git
golang
guacamole
javascript
letsencrypt
linux
nginx
other
php
python
vue
web
阅读排行
golang笔记---关联数组(map)
letsencrypt证书-管理工具certbot
centos7.3配置guacamole
golang笔记---template模板语法
nginx笔记-proxy_cache缓存详解
友情链接
node文件
laravel-vue
ArcherWong的博客园