关于一个前端动态js文件上传的一个问题（小妙招）！！！

关于一个页面只有一个<input [type=“file”]> 的文件上传实现！

对于一个大半年没动前端的后端开发人员来说，能这样实现是真的做啊！！！

首先的页面

• 嗯，博主这个需求是跟 table 表格中的每条数据，做单独的文件上传！！！*

'<dev>
<a class="btn btn-primary" onclick="vm.F_Open_dialog('+feild.terminalproductId+')">
<i' + ' class="fa fa-cloud-upload"></i>&nbsp;上传安装包
</a>
<input type="file" id="appTerminal_'+feild.terminalproductId+'" ref="appTerminal_'+feild.terminalproductId+'"
onchange="vm.onAppPackageBTN('+feild.terminalproductId+','+'this)"' + ' style="display:none">
</dev>';

js 代码块

	//让隐藏的<input
[type="file"]>
生效
F_Open_dialog: function(id){
document.getElementById("appTerminal_"+id).click();
},
//触发上传onchange方法的function，注意：一个是这样，多个都是放在 [0，1.... ] 数组里面偶
onAppPackageBTN: function(id,z){
var url =
baseURL + "single/"+id+";
var data = new FormData();
data.append("file",z.files[0]);
$.ajax({
type: "POST",
url: baseURL + url,
contentType: false,
processData: false,
data:
data,
dataType: 'json',
success: function(r){
if(r.code === 0){
layer.msg("操作成功", {icon: 1});
vm.reload();
}else{
layer.alert(r.msg);
}
}
});
vm.reload();
},

嗯，博主做的是一个单体项目，页面用的是jqGrid + Vue + layui做的开发！！！ 有问题可以 留言 || 私信 ！

最后

以上就是多情大米为你收集整理的关于一个前端动态js文件上传的一个问题（小妙招）！！！的全部内容，希望文章能够帮你解决关于一个前端动态js文件上传的一个问题（小妙招）！！！所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。