js 文件上传

来源：互联网发布：手机网络慢怎么解决编辑：程序博客网时间：2024/05/20 02:24

ajax文件上传。异步文件上传

jq多文件上传/单文件上传

<div class="line line-dashed b-b line-lg pull-in"></div>
<div class="form-group " id="hd-fengmian-fu-class">
<label class="col-sm-2 control-label">活动封面</label>
<div class="col-sm-10">
<input id="lefile" type="file" style="display:none" multiple>
<div class="input-append">
<input id="photoCover" class="form-control" name="hd_fengmian" style="display: none;" type="text" value="">
</div>

<div>
<button type="button" id="" onclick="$('input[id=lefile]').click();" class="btn btn-success">选择</button>
</div>
<span class="help-block m-b-none" id="hd-fengmian-fu-text"></span>
</div>
</div>
<script type="text/javascript">
window.onload = function(){
// 文件上传开始
var select = [];
function shangchuan(file){
var fileObj = file;
var FileController = '/file_wenjcuncluj';
var form = new FormData();
form.append("file", fileObj);
$.ajax({
url : "/file_wenjcuncluj",
type : 'POST',
data : form,
// 告诉jQuery不要去处理发送的数据
processData : false,
async : false, //同步
// 告诉jQuery不要去设置Content-Type请求头
contentType : false,
beforeSend:function(){
},
success : function(responseStr) {
select.push(JSON.parse(responseStr));
},
error : function(responseStr) {
}
});
}
$('input[id=lefile]').change(function(){
var files = $("#lefile")[0].files;
var url = '';
for(i=0;i<files.length;i++){
shangchuan(files[i]);
}
console.log(select);
});

// 文件上传结束
}
</script>

0 0