您的位置:首页 > Web前端 > JQuery

jQuery ajax 文件上传

2014-10-11 12:01 309 查看
html

<!-- 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)
})
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  ajax file upload jquery