IE10以下不能触发点击图片

原代码：

<td>
    <label style="display:block;width:100%;height:100%;">
		<input name="imgUrl" id="imgUrl" value="${pd.imgUrl}" type="hidden"/>
		<input id="uploadImg" name="myfile" type="file" οnchange="uploadphoto('uploadImg','imgUrl')" style="display:none;"/> 
			<c:if test="${pd.imgUrl=='' || pd.imgUrl==null}">
				<img id="shareImg" src="${pageContext.request.contextPath }/plugins/webuploader/image.png"/>
			</c:if>
			<c:if test="${pd.imgUrl!='' && pd.imgUrl!=null}">
				<img id="shareImg" src="<%=OSSUrl %>${pd.imgUrl}"/>
			</c:if>
	</label>
</td>

 

修改点击方式及样式之后：

<td>
					<label style="display:block;width:100%;height:100%;position:relative;overflow:hidden;">
		        		<input name="imgUrl" id="imgUrl" value="${pd.imgUrl}" type="hidden"/>
			        	<input id="uploadImg" name="myfile" type="file" οnchange="uploadphoto('uploadImg','imgUrl')" style="opacity:0;position:absolute;top:0;left:-10px;width:100%;height:100%;"/> 
			        	<c:if test="${pd.imgUrl=='' || pd.imgUrl==null}">
				        	<img id="shareImg" src="${pageContext.request.contextPath }/plugins/webuploader/image.png"/>
				        </c:if>
				        <c:if test="${pd.imgUrl!='' && pd.imgUrl!=null}">
				        	<img id="shareImg" src="<%=OSSUrl %>${pd.imgUrl}"/>
				        </c:if>
		             </label>
				</td>

IE10以下上传图片不显示：InvalidCharacterError错误解决办法

创建HTML元素的js代码， 例如ajaxfileupload.js, 行10 字符17代码：

var  io = document.createElement( "<iframe id='"  + frameId +  "' name='"  + frameId +  "' />" );

以上代码在IE10下报如下错误：

SCRIPT5022: InvalidCharacterError

 

推荐：IE下js错误缺少标识符、字符串或数字解决办法

ie下报缺少标识符、字符串或数字，在firefox及其他下均无问题，郁闷的找了半天也没结果，使用Companion。js也不行。最好google了一下： 原因及解决方法 1.原因：

 

解决办法，改成如下兼容写法：

var io=document.createElement( "iframe" ); 
io.id=frameId; 
io.name=frameId;

以上代码出至  ajaxfileupload.js, 行10 字符17  使用ajaxfileupload.js需把此行更改成上面那样，才能在IE10正常运行。

IE8 异步上传图片错误 SCRIPT5007: 无法获取未定义或 null 引用的属性“0”

不支持files

 

标签：IE,代码,js,点击,IE10,io,ajaxfileupload,上传
来源： https://blog.csdn.net/wmm17640203269/article/details/82416814