qq_16046321
2017-03-06 10:19请问如何用fileinput插件调用ajax实现文件上传
现用form表单和ajax做的文件上传,无奈样式是在太难看,看见bootstrap中的fileinput插件做的文件上传控件好看很多,但是又不知道如何用fileinput调用ajax,请大牛解答
$('#import').click(function() {
// $('#file').prop("disabled","true")
console.log("dddd");
var formData = new FormData($("#uploadForm")[0]);
var str = $("#file").val();
if(str.substr(-4,4)!=".zip"){
parent.layer.msg("请导入zip文件", {shade: 0.3});
return ;
}
$('#import').prop("disabled","true")
layer.open({
type : 3,
content : 'xxxxxxxxx',
success : function(layero,index){
$.ajax({
url: "${pageContext.request.contextPath}/uploadXml.action",
type: 'POST',
data: formData,
async: true,
cache: false,
contentType: false,
processData: false,
error: function () {
parent.layer.msg("导入文件出错", {shade: 0.3});
window.parent.layer.closeAll();
},
success: function (data) {
if(data.message=="success"){
layer.close(index);
}else {
parent.layer.msg(data.success, {shade: 0.3});
window.parent.layer.closeAll();
}
// alert("导入成功")
},
end : function(){
$.ajax({
async : false,
cache : false,
type : 'POST',
url : "${pageContext.request.contextPath}/showSignature.action",//请求的action路径
success : function(pageContent) {
$("#right_div",parent.document).html(pageContent);
}
});
}
});
}
})
})
<form id="uploadForm" class="form-horizontal" style="margin-left:150px;margin-top:80px">
<fieldset>
<div id="legend" class="">
<legend class="">请将标准库Zip文件上传用于升级</legend>
</div>
<div class="control-group">
<label class="control-label">文件上传</label>
<div class="controls">
<input class="input-file" type="file" id="file" name="file">
</div>
</div>
<div class="control-group">
<label class="control-label">升级</label>
<div class="controls">
<button id="import" class="btn btn-info">升级</button>
</div>
</div>
</fieldset>
- 点赞
- 回答
- 收藏
- 复制链接分享
2条回答
为你推荐
- input上传图片,但是只一张预览图,我想要显示两个预览图,另外一处该怎么获取显示?
- html5
- javascript
- css
- 2个回答
- YII2 - 在注册时添加上传文件
- yii2
- file
- php
- model
- 2个回答
- Laravel 5.3使用AJAX错误上传52张图像
- ajax
- laravel
- php
- jquery
- 3个回答
- 上传图像并从php获取响应并重新加载相同的图像。 AJAX上传
- ajax
- file-upload
- php
- jquery
- 1个回答
- 使用php上传文件时出错
- ajax
- php
- jquery
- 1个回答