大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
本文介绍了JavaScript使用Ajax上传文件的示例代码,分享给大家,具体如下:
站在用户的角度思考问题,与客户深入沟通,找到贵德网站设计与贵德网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:网站设计、成都做网站、企业官网、英文网站、手机端网站、网站推广、域名申请、雅安服务器托管、企业邮箱。业务覆盖贵德地区。
实现文件的上传主要有两种方式:
使用form表单提交上传
html代码如下:
此时的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代码如下:
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); }
这里有几处不一样:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持创新互联。