label标签隐藏input file

	<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>

最后

以上就是善良店员为你收集整理的label标签隐藏input file的全部内容，希望文章能够帮你解决label标签隐藏input file所遇到的程序开发问题。

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