文件上传
程序员文章站
2022-03-04 15:53:15
...
html:
js代码:
//文件输入框
var str1 = '<a href="javascript:void(0)" data-action="tjkhcl" data-x-nd=' + rowData.ND + ' data-x-bmmc=' + rowData.BMBH_DISPLAY + ' data-x-wid=' + rowData.WID + ' data-x-khcl=' + rowData.FILEURL + ' data-x-wjlx=' + rowData.WJLX + ' data-x-px=' + rowData.PX + '>' + '提交考核材料' + '</a>'+
'<input type="file" id="myFile" name="myFile" style="display:none;"/>';
//文件上传函数
actionTjkhcl:function(e){
var wid = $(e.target).attr("data-x-wid");
var khcl = $(e.target).attr("data-x-khcl");
var bmmc = $(e.target).attr("data-x-bmmc");
var nd = $(e.target).attr("data-x-nd");
var wjlx = $(e.target).attr("data-x-wjlx");
$('#myFile').click();
$("#myFile").change(function(event) {
var filepath = $("input[name='myFile']").val();
var idx = filepath.lastIndexOf("\\");
var fileName = filepath.substring(idx + 1, filepath.length);
fileName = fileName.substring(fileName.lastIndexOf('.')+1, fileName.length);//文件名
//文件类型判断
if(wjlx == 'WORD'){
if(fileName!='doc' && fileName!='docx'){
BH_UTILS.bhDialogWarning({
title: '提示',
content: '请上传word文件!',
buttons: [{
text: '确认',
}]
});
var myFile = $("#myFile");
myFile.after(myFile.clone().val(""));
myFile.remove();
return false;
}
}else if(wjlx == 'PPT'){
if(fileName!='ppt' && fileName!='pptx'){
BH_UTILS.bhDialogWarning({
title: '提示',
content: '请上传ppt文件!',
buttons: [{
text: '确认',
}]
});
var myFile = $("#myFile");
myFile.after(myFile.clone().val(""));
myFile.remove();
return false;
}
}
fileName = nd + '_' + bmmc+"." + fileName;
for(var i = 0; i < this.files.length; i++) {
var extStart = filepath.lastIndexOf(".");
var ext = filepath.substring(extStart, filepath.length).toLowerCase();
if(ext != ".doc" && ext != ".pptx"
&& ext != ".ppt" && ext != ".docx") {//doc、pdf、xls、ppt、txt
BH_UTILS.bhDialogWarning({
title: '提示',
content: '文件仅限于doc、docx、ppt、pptx格式!',
buttons: [{
text: '确认',
}]
});
var myFile = $("#myFile");
myFile.after(myFile.clone().val(""));
myFile.remove();
return false;
} else {
var backUrls = new Array();
//HTML5文件上传方式
var file = event.target.files[0];
var formData = new FormData();
formData.append("filename",fileName);
formData.append("file",file);
$.ajax({
url:url,
dataType:'json',
type:'POST',
async: false,
data: formData,
processData : false, // 使数据不做处理
contentType : false, // 不要设置Content-Type请求头
success: function(data){
if(data.status === 0){
backUrls.push(data.content.url);
var len = backUrls.length;
//for(var i = 0; i < len; i++){
//if(backUrls[i] != ""){
if(data.content.url != ""){
var formData = new Object();
formData.FILEURL = data.content.url;
formData.WID = wid;
formData.WJM = fileName;
formData.TJZT = '2';//提交状态,已提交
formData.XZZT = '1';//下载状态,未下载
if(khcl != "undefined"){
formData.XZZT = '3';//下载状态,待更新
}
BH_UTILS.doAjax('../modules/khcltj/XX_SAVE_GY.do', formData).done(function(data){
if(data.code == '0'){
tipUtils.success("成功!");
}else{
tipUtils.error("失败!");
}
});
}
}
},
error:function(response){
BH_UTILS.bhDialogWarning({
title: '提示',
content: '上传失败!',
buttons: [{
text: '确认',
}]
});
}
});
setTimeout(function(){ $('[ data-action="refresh"]').click(); }, 500);
return true;
};
}
});
},
Java代码:
无
下一篇: Js之页面打印
推荐阅读
-
linux 设置文件权限,不让操作者删除文件
-
php实例之SFTP实现上传下载功能
-
php让浏览器下载txt等类型的文件 uc浏览器导入txt 浏览器打开txt 360极速浏览器规则tx
-
laravel5.2为什么在服务器上获取不到session,storage下的sessions下的文件里面存储的有?
-
PHP递归遍历指定文件夹内的文件实现方法
-
国际化资源文件配置
-
php is_file 判断给定文件名是否为一个正常的文件_php基础
-
来自国外的页面JavaScript文件优化_javascript技巧
-
在Webpack中解决热部署检测不到文件变化的问题
-
PHP文件读写操作之文件写入代码_php技巧