为项目添加上传头像功能,在线地址http://www.5rgame.com
一、前端代码
1.前端使用 FormData 方式上传文件,我直接使用ajax提交,其配置的参数主要有:
async: false,
cache: false,
credentials: true, //跨域发送cookie,不跨域不用设置
contentType: false, //不可缺参数
processData: false, //不可缺参数
2.新建FormData,往里添加数据,如果使用from表单请看参考代码
var data = new FormData();
data.append('avatar', $(dom)[0].files[0]);
//name与value对应$(dom)[0].files[0]为上传的文件
data.append('token', token);//token为普通文字字段
3.参考代码
-------------html-----------------
<form id= "uploadForm">
<p >指定文件名: <input type="text" name="filename" value= ""/></p >
<p >上传文件: <input type="file" name="file"/></ p>
<input type="button" value="上传" onclick="doUpload()" />
</form>
-------------script-------------
function doUpload() {
var formData = new