解决phonegap内置浏览器 FileReader 预览图不可看问题

phonegap的内置浏览器在使用,不知道是否出于安全原因还是版本的问题。

在file操作时，获取的文件是无法查看到MIME类型(即是type属性)值对应的获取的base64encode数据在data:后也是没有对应的类型的。

reader.onload = function(event) {  
       event.target.result;//base64后的数据
};

导致预览时无法进行查看。

解决方式:

因为type和相关的类型都无法进行查看。可通过name进行类型的识别，再通过对应的mime列表进行匹配拼接，可实现预览图的显示。

注：在尝试的过程中，部分浏览器发现在data:后加个”;”也能实现预览。

转发请注明出处http://blog.martoo.cn
如有漏缺，请联系我 QQ 243008827

Andriod 手机浏览器测试相关

电脑版的手机模拟器，不要拿那些只修改user-agent的脑残来说事哈!

Opera Mobile Classic Emulator

电脑端的极品，完全模拟，不用每次都切换到手机。。还可以复制粘贴。

http://www.opera.com/zh-cn/developer/mobile-emulator

Chrome mobile Remote Debugging on Android

不亏是世界级的巨头，每次出的东西都是最最适合开发人员的。完全是从开发人员的角度解决了开发上的麻烦。下载和更新没有别的资源，当然哥也可以将更新好的弄上来哈。不过还是申请个vpn吧，一劳永逸。

https://developers.google.com/chrome-developer-tools/docs/remote-debugging?hl=zh-CN

中文参考：http://www.guao.hk/posts/how-to-do-remote-debugging-on-chrome-for-android.html

注:关于phonegap的测试，基本可以通过chrome启动前加参数解决

–disable-web-security 可以实现跨域，即ajax 可按原来的方式进行操作,包括文件的上传。

注：最新的版本需要远程调试，需要vpn支持，你懂的

手机mobile远程调试工具:

weinre 感觉比较方便,但是具体还得看日后的项目开发检测。主要新东西都有潜在问题。不过相当不错

注:这个东西只是在像phonegap这种特殊情况里，可以用于调试页面和简单的控制台脚本测试。。其它的还是奢望..

http://people.apache.org/~pmuellr/weinre/docs/latest/

网页黑白

html{ filter: grayscale(100%); -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter:
grayscale(100%); filter: url("data:image/svg+xml;utf8,
<svg xmlns='http://www.w3.org/2000/svg'>
	<filter id='grayscale'>
	<feColorMatrix type= 'matrix' values= '0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>
#grayscale");
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1); } #grayscale");
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1); }