axios文件上传实现与jquery文件上传分别实现方式
2019-01-15 11:57
465 查看
axios文件上传实现
import Vue from 'vue' import axios from 'axios'; var instance= axios.create({ baseURL:'https://www.********.com', timeout:1000, headers:{'Content-Type': 'multipart/form-data'} }); Vue.config.productionTip=false; Vue.prototype.instance=instance; uploadFile : function (event,images) { var formData = new FormData(); var vue = this; formData.append("file",(event.target.files)[0]); vue.instance.post('/index.php/service/common/uploadPicOther.html',formData) .then(function (response) { console.log(response); })
jquery文件上传实现
$.ajax({ url: baseurl+'/index.php/service/common/uploadPicOther.html' , type: 'POST', data: formData, async: false, cache: false, processData: false, contentType: false, dataType:"json", success: function (ret) { console.log(ret); }, });
相关文章推荐
- java简单多线程方式+实现文件上传(spring mvc + jquery.form.js 框架)
- 通过jQuery和C#分别实现对.NET Core Web Api的访问以及文件上传
- 一个简单的QQ隐藏图生成算法 通过jQuery和C#分别实现对.NET Core Web Api的访问以及文件上传
- 用Jquery实现多文件上传
- Jquery AjaxUpload实现文件上传功能代码实例教程
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- 将任务4的解决用一个项目多个文件的方式实现,其中两个类的声明放在一个.h文件中,每个类的成员函数分别放一个文件,main()函数用一个文件。
- jquery.uploadify插件与java web的结合实现多文件上传+进度条
- struts2文件上传(使用struts2自带上传方式实现单个文件上传)
- 关于jQuery在Asp.Net Mvc 框架下Ajax文件上传的实现
- Android分别使用HTTP协议和TCP协议实现上传文件
- C++第六周任务5:解决用一个项目多个文件的方式实现,其中两个类的声明放在一个.h文件中,每个类的成员函数分别放一个文件,main()函数用一个文件。体会这样安排的优点。
- (转)Asp.Net 用Jquery和一般处理程序实现无刷新上传大文件
- jquery uploadify 实现批量上传,带进度显示,判断文件大小
- 无刷新上传文件以及HTML5下的实现方式 推荐
- Flex中单文件的上传实现方式
- jQuery教程(十二)使用不苛刻的java script代码实现多文件上传
- 用JQuery上传插件Uploadify实现带进度条无刷新多文件上传
- 用jQuery Form Plugin实现Ajax无刷新的文件上传
- Asp.Net Mvc 使用jQuery实现Ajax文件上传