图片上传即时显示缩略图解决方法

做互联网, 就一定要多用新的互联网产品, 遇到好玩的, 要主动去思考如何实现, 这样才能一直保证你自己的良好的互联网应用的sense. 嘿嘿, 题外话一句.
昨天玩开心网的图片上传, 不得不说, 开心网的细节做的很好.
之前在前公司的时候, 高管干扰UE, 干涉产品的设计细节, 出来的产品, 一个比一个难看, 一个比一个土鳖. 搞得开发都不想做, 以至于一段时间, 我们开发工程师会去修缮UE设计的细节.
真不明白, 没有一点互联网应用美感和sense的”猪头”高管, 怎么会对自己的”审美”那么的自信…. 玩死自己没关系 , 玩死了公司, 你内疚不? 唉, 题外话二.. 细节决定成败!
恩, 回到正题, 看到了开心网的, 本地客户端检测图片格式, 和即时显示缩略图功能, 发现在chrome, firefox3, IE8下都不能显示缩略图, 可是我可爱的Eve一直坚持是可以的, 经过研究测试, 找到了在firefox3 , IE8下可以使用的方法.
效果如下:


一个独立的例子,看这里

   PS: chrome是webkit核心, 如果大家谁知道对于Webkit核心的浏览器, 如何获得file input的full path的方法, 一定告诉我.
   另外, IE8还和一个安全设置有关系"文件上传的时候是否告诉服务器文件路径", 如果大家有更好的办法, 也一并告诉我.

Firefox3不支持通过value来获取文件全路径, FireFox3中引入了一个新的接口用来解决这个问题,那就是nsIDOMFile,它专门被用来从客户端的input type=”file”的控件中获取文件数据,这样就可以将本地的文件保存到服务器上。这是一个非常好的解决办法,以至于我们在FireFox3中开发这样的应用程序时比先前简单获取value值然后再通过服务器端代码上传文件要简单许多,
具体可以参看这里: nsiDOMFile

 收藏 (0) 打赏

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

除特别注明外,本站所有文章均基于CC-BY-NC-SA 4.0原创,转载请注明出处。
文章名称:《图片上传即时显示缩略图解决方法》
文章链接:https://www.lbyxlz.com/%e5%9b%be%e7%89%87%e4%b8%8a%e4%bc%a0%e5%8d%b3%e6%97%b6%e6%98%be%e7%a4%ba%e7%bc%a9%e7%95%a5%e5%9b%be%e8%a7%a3%e5%86%b3%e6%96%b9%e6%b3%95/
分享到: 生成海报

评论 抢沙发

  • QQ号
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
切换注册

登录

点击按钮进行验证

忘记密码 ?

您也可以使用第三方帐号快捷登录

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活