label标签隐藏input file

112 阅读 0 评论 74 点赞

我是靠谱客的博主善良店员，这篇文章主要介绍label标签隐藏input file，现在分享给大家，希望可以做个参考。

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
	<label>
		<input type="file" name="userHeadImg" id="fileUpload1" style="left:-9999px;position:absolute;" onchange="uploadFile()">
			<div class="touxiang"></div>
			</label>

 <script src="../../js/ajaxfileupload.js" type="text/javascript"></script>
		<script type="text/javascript">
		function uploadFile() { 
			var userId=document.getElementById("userId").value;
			 $.ajaxFileUpload({    
	                type: "POST",//方法类型
	                secureuri: false,
	                fileElementId: 'fileUpload1',
	                dataType: "json",//预期服务器返回的数据类型
	                url: "${pageContext.request.contextPath }/user/uploadFile" ,//url
	                data: { userId: ${user.userId} },
	                success: function (data) {
	                	window.location.href = '${pageContext.request.contextPath }/user/userInfo/'+userId;
	                },
	                error : function() {
	                    alert("异常！");
	                }
	            });
		}
		</script>