有支持IE8的jsvue.js 上传图片插件件吗

来源：蜘蛛抓取(WebSpider) 时间：2017-08-16 10:42 标签： js手机端上传图片插件
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
如题！！！
有什么支持I8可多选的图片上传控件？在弹出选择文件时可多选的插件。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
这个jquery插件，很好用
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
input内多文件上传是HTML5的新特性。IE8?我只能说no way了。除非你用flash另外写上传插件，不然不可能纯靠HTML+JS实现。
flash实现可以参考百度的
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
百度的webuploader试试
同步到新浪微博
分享到微博？
Hi，欢迎来到 SegmentFault 技术社区！⊙▽⊙ 在这里，你可以提出编程相关的疑惑，关注感兴趣的问题，对认可的回答投赞同票；大家会帮你解决编程的问题，和你探讨技术更新，为你的回答投上赞同票。
明天提醒我
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：2017年8月 总版技术专家分月排行榜第一
2016年2月 总版技术专家分月排行榜第二2014年2月 总版技术专家分月排行榜第二2013年4月 总版技术专家分月排行榜第二
本帖子已过去太久远了，不再提供回复功能。Css 自定义文件上传控件样式（兼容 IE6）_最火下载站
您的位置： >
> Css 自定义文件上传控件样式（兼容 IE6）
Css 自定义文件上传控件样式（兼容 IE6）
要想直接通过
来控制文件上传控件，基本没戏的。当然也有一些解决方案，例如
的这篇文章。昨天也恰好遇到了这个问题，顺手记录下吧。
首先，给 &input type=&file&& 元素戴个套子，这样比较安全嘛，是不是？看代码：
&span class=&input-file&&浏览...&input type=&file&&&/span&
有了这个安全的外层容器，我们就可以开搞了。问题的核心有两点：第一，把丑陋的原生上传控件给藏起来；第二，支持点击上传功能。
关键的代码片段：
.input-file {
.input-file input{
opacity:0;
filter:alpha(opacity=0);
font-size:100
其中，字体大小 100px 的原因在于放大上传控件右侧的按钮区域，结合靠右定位，能够保证鼠标 cursor 为 default 状态。
另外，如果要支持鼠标悬停效果，也是可以的，把 span 标签改成 a 标签，然后加上 hover 伪类就可以了。
&a href=&javascript:void(0);&&浏览...&input type=&file&&&/a&
貌似是全兼容的？反正 IE 是可以的。自己看吧，懒得看兼容了。
&!doctype html&
&meta charset=&utf-8&&
&title&自定义文件上传控件样式（兼容 IE6）&/title&
&link href=&/min/b=wp-content/themes/mangguo/css&f=reset.css,example.min.css& rel=&stylesheet& /&
body{font-family:;}
h1 {color:#000000;font-size:16}
h2 {color:#008000;font-size:14}
.input-file {
display:inline-
line-height:30
background:#
text-align:
.input-file:hover {
background:#
.input-file input {
opacity:0;
filter:alpha(opacity=0);
font-size:100
&h1&自定义文件上传控件样式&/h1&
&h2&默认控件样式&/h2&
&input type=&file&&
&h2&处理后控件样式：&span& 标签&/h2&
&span class=&input-file&&浏览...&input type=&file&&&/span&
&h2&处理后控件样式：&a& 标签&/h2&
&a href=&javascript:void(0);& class=&input-file&&浏览...&input type=&file&&&/a&
&/html&&br /&&center&如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：&a href='/' target='_blank'&/&/a&&/center&提示：可修改后代码再运行!
上一篇： 下一篇：技术交流QQ群：
jquery特效
javascript特效
html5_css3特效
>原生JS实现图片上传预览效果完美兼容各浏览器
原生JS实现图片上传预览效果完美兼容各浏览器
日运行环境：IE6 IE7 IE8及以上 Firefox
原生JS实现图片上传预览效果完美兼容各浏览器，欢迎下载使用，记得分享给你的小伙伴哦,上传图片预览,js上传图片预览,jquery上传图片预览,上传图片预览效果,图片上传预览效果。
上一篇：下一篇：
热门网页特效
友情链接：&& &&
版权声明:本站资源均来自互联网，如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
公众号: zhaotexiaoie8.0 显示本地图片 js处理 img.src
IE8.0 显示本地图片 img.src=本地图片路径 是无效，只能通过p来完成 。
IE7,IE8是放在 &p id=&imgPreview&&&/p&里的。
& FIREFOX是可以直接设置&img id=&img1&/&里的图片。
&title&js图片上传预览&/title&
function PreviewImage(imgFile)
& var filextension=imgFile.value.substring(imgFile.value.lastIndexOf(&.&),imgFile.value.length);
& filextension=filextension.toLowerCase();
& if ((filextension!='.jpg')&&(filextension!='.gif')&&(filextension!='.jpeg')&&(filextension!='.png')&&(filextension!='.bmp'))
& alert(&对不起，仅支持标准格式的照片，请您调整格式后重新上传，谢谢 !&);
& imgFile.focus();
& if(document.all)//IE
& imgFile.select();
& path = document.selection.createRange().
& document.getElementById(&imgPreview&).innerHTML=&&;
& document.getElementById(&imgPreview&).style.filter = &progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src=\&& + path + &\&)&;//使用滤镜效果&&
& else//FF
& path = imgFile.files[0].getAsDataURL();
& //document.getElementById(&imgPreview&).innerHTML = &&img id='img1' width='120px' height='100px' src='&+path+&'/&&;
&& document.getElementById(&img1&).src =
&input type=&file& onchange='PreviewImage(this)' /&
&p id=&imgPreview& style='width:120 height:100'&
& &img id=&img1& src=&& width=&120& height=&100& /&
摘自 蓝天碧园&&

我要回帖

更多关于 js手机端上传图片插件 的文章

 

随机推荐