jQuery ajax 文件上传
2014-10-11 12:01
309 查看
html
javascript
dat.append('prefix', $(':input[name=prefix]').val())
dat.append('file', $(':input[name=upfile]')[0].files[0])
var req = $.ajax({
url: $('#upload').attr('action'),
data: dat,
dataType: 'json',
type: 'POST',
contentType: false,
processData: false
})
req.done(function(msg) {
alert(msg)
})
<!-- lang: html --> <form id="upload" method="post" action="/bucket/${buck.name}/up" enctype="multipart/form-data" > <input type="hidden" name="prefix" value="${prefix}"/> <input type="file" name="upfile" id="file_upload" class="filestyle"/> </form>
javascript
<!-- lang: js --> var dat = new FormData()
dat.append('prefix', $(':input[name=prefix]').val())
dat.append('file', $(':input[name=upfile]')[0].files[0])
var req = $.ajax({
url: $('#upload').attr('action'),
data: dat,
dataType: 'json',
type: 'POST',
contentType: false,
processData: false
})
req.done(function(msg) {
alert(msg)
})
相关文章推荐
- jQuery AJAX 文件上传
- 基于jquery ajax 无刷新 文件批量上传插件 GooUploader整合struts2实现上传
- JQUERY AJAX无刷新异步上传文件
- jquery AJAX 实现文件上传
- jQuery Ajax上传文件
- jQuery Ajax 上传文件示例
- jquery ajax实现上传文件代码,带进度条
- jquery ajax实现上传文件代码,带进度条
- 基于jQuery Ajax实现上传文件
- jquery ajax 文件上传
- jQuery Ajax文件上传(php)
- 非常好用的jquery ajax文件上传插件
- asp.net 中使用JQuery Ajax 上传文件
- jquery ajax上传文件
- jquery ajax 文件上传 收藏
- 关于jquery ajax 上传文件返回json内容包含html标签不识别问题
- jquery ajax php 无刷新上传文件 带 遮罩 进度条 效果的哟
- 通过jQuery Ajax使用FormData对象上传文件
- jQuery Ajax 上传文件处理方式介绍(推荐)
- jquery ajax文件上传问题