今天文件上传遇到一个奇怪的问题,上传提交时候,requestHeaders里没有content-type属性。
最后调查半天,发现是有一个js文件在做ajax请求的时候设置了全局的同步($.ajaxSettings.async = false)。
具体原因待查,希望有做前端的朋友补充吧。
<script src="#{config.context}/assets/global/plugins/jquery-file-upload/js/jquery.fileupload.js"></script>
<script>
$(":file").each(function(){
var id=$(this).context.id;
$(this).fileupload({
progress: function (e, data) {
var progress = parseInt(data.loaded / data.total * 100, 10);
$('#'+id+'file').removeClass().addClass('col-md-6 fileupload-progress fade in');
$('#'+id+'file .progress-bar-success').css('width',progress + '%');
},
processalways:function(e,data){
// console.log('Processing ...aaaa');
},
add : function(e, data) {
var goUpload = true;
var uploadFile = data.files[0];
if (!(/\.(xlsx|XLSX|xls|XLS)$/i).test(uploadFile.name)) {
$('#messageTxt').html('仅支持XLSX和XLS上传');
$('#portlet-config').modal('show');
$('#hyDocPath').val("");
$('#showPath').html("");
goUpload = false;
}
if (uploadFile.size > 10485760) { // 2mb
$('#messageTxt').html('上传文件超过10M');
$('#portlet-config').modal('show');
goUpload = false;
}
if (goUpload == true) {
var jqXHR = data.submit()
.complete(function (result, textStatus, jqXHR) {
if('success'==textStatus){
var path=result.responseJSON.documentManagement.hyDocPath;
$('#path').val(path);
}else{
$('#messageTxt').html('上传失败,连接文件服务器失败');
$('#portlet-config').modal('show');
}
setTimeout(function(){
$('#'+id+'file').removeClass().addClass('col-md-12 fileupload-progress fade');
$('#'+id+'file .progress-bar-success').css('width','0%');
},1000);
})
}
},
dataType:'json',
type:'POST',
maxNumberOfFiles : 1,
sequentialUploads: false,
progressInterval:1,
forceIframeTransport: true
})
});
var valueXDInit = function() {
var url = CONTEXT_URL+"/systemParamInfoServlet/loadSystemParamInfoListNoPage?dtyCodeEdit=XDHM";
var _mudiStr="<option></option>";
// $.ajaxSettings.async = false; // 这个位置导致上传文件无法获取到content-type属性
$.getJSON(url,function(data){
$.each(data, function () {
_mudiStr += '<option value="'+ this.dicCode + '">'+this.dicCode +'-'+ this.dicName+'</option>';
$("#xdm").html(_mudiStr);
});
});
}
</script>