标签:IE 代码 js 点击 IE10 io ajaxfileupload 上传
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下报缺少标识符、字符串或数字,在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
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。