本文介绍了javascript使用ajax上传文件的示例代码,分享给大家,具体如下:
实现文件的上传主要有两种方式:
使用form表单提交上传
html代码如下:
<form id="uploadform" enctype="multipart/form-data"> <input id="file" type="file" name="file"/> <button id="upload" type="button">上传</button> </form>
此时的javascript代码如下:
var formdata = new formdate($('#uploadform')[0]); $.ajax({ url: 'http://10.10.2.254:8080/file/associateupload', type: 'post', cache: false, data: formdata, processdata: false, contenttype: false, success:function(res){ console.log(res); } });
需要注意:
使用formdata对象添加字段方式上传文件
html代码如下:
<div id="uploaddiv"> <input id="file" type="file"/> <button id="upload" type="button">上传</button> </div>
javascript实现如下:
var formdata = new formdata(); formdata.append('file', $('#file')[0].files[0]); $.ajax({ url: '/upload', type: 'post', cache: false, data: formdata, processdata: false, contenttype: false, success:function(res){ console.log(res); }
这里有几处不一样:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。
如对本文有疑问, 点击进行留言回复!!
荐 超强的入门文章 !!! JavaScript 速成计划第三篇(面向对象与常用的内置对象、DOM对象、浏览器对象)!
荐 前端框架Layui学习四:滑块、评分、轮播、代码修饰器、时间和日期选择器
invalid argument “xx:v1.0“ for t: Error parsing reference: “xx:v1.0“is not a valid repository/tag: r
window.postMessage()接收不到信息(失效)的解决办法
网友评论