从品牌网站建设到网络营销策划,从策略到执行的一站式服务
这篇文章主要讲解了javascript如何实现图片预览和上传功能,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。
垫江网站建设公司创新互联公司,垫江网站设计制作,有大型网站制作公司丰富经验。已为垫江数千家提供企业网站建设服务。企业网站搭建\成都外贸网站建设要多少钱,请找那个售后服务好的垫江做网站的公司定做!
对于现代浏览器来说,要实现图片预览非常简单:
1、fileReader.readAsDataURL(file)
2、window.URL.createObjectURL(file)
以上两种方法分别可以得到一个base64和一个blob对象的URL地址,从而实现预览。但是,他们只支持在IE10+,显然这是不够的,如何实现低版本IE浏览器的图片预览呢?代码如下:
这样,我们就能够在IE10- 下预览上传的图片了。
在这里,有必要对几个参数说明一下,以免后人再入坑!
progid:DXImageTransform.Microsoft.AlphaImageLoader([enabled=bEnabled ,] [sizingMethod=sSize ,] src=sURL)
enabled:可选。布尔值(Boolean)。设置或检索滤镜是否激活。
sizingMethod:可选。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。
src:必选项。字符串(String)。使用绝对或相对 url 地址指定背景图像。假如忽略此参数,滤镜将不会作用。
以上,可以实现低版本IE浏览器的图片预览,但要上传到服务器还需要一番周折。对于单张图片,可以通过表单提交,但对于多张图片,这需要flash技术的支持,实现起来相当麻烦。
这里,楼主推荐一个现有的轮子:webuploader 组件。
看完上述内容,是不是对javascript如何实现图片预览和上传功能有进一步的了解,如果还想学习更多内容,欢迎关注创新互联行业资讯频道。
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图