以下是一位Chrome用户撰写的使用心得。
前段时间一直用Chrome 和 Safari 来支持HTML5的运用,在测试的过程中发现原来由于Chrome的安全机制不能支持ajax的本地访问, 例如:
在JavaScript里面访问 URL:file:///E:/test.html,Chrome 浏览器报错:XMLHttpRequest cannot load file:///E:/test.html. Origin null is not allowed by Access-Control-Allow-Origin.
解决它的方法就是将HTML5的程序做成 Chrome的扩展程序,该扩展程序的扩展文件名为.crx。
1. 在程序根目录下面增加一个manifest.json 文件,文件格式为:
2. 将该程序利用Chrome打包。 打开Chrome,在设置按钮中选择【工具】->【扩展程序】,或者在地址栏输入“chrome://extensions/”,如图:
3. 点击扩展程序,打包HTML程序:
4. 将打包后的扩展程序拖到chrome浏览器里面安装,安装完后,运行程序即可。
jquery的$.ajax();在ie下正常进行,但是在谷歌等浏览器下就失败,经过多次百度google.后发现,在服务端能正常进行!
如果你的网站含有文件上传功能,那可以使用本文介绍的5款ajax文件上传控件,提升用户体验。要知道,上传文件总是个痛苦的过程,要消除不太现实,但至少如果你为减少用户的痛苦努力了,那用户也会喜欢你的网站的。
1. FancyUpload (演示地址)
FancyUpload是一个采用Flash与Ajax(MooTools)技术实现包含上传进度条的多文件上传组件,类似于SWFUpload。
2. SwfUploadPanel (演示地址)
SwfUploadPanel是一个结合SwfUpload v2.0.2与ExtJS 2.0.x开发的多文件上传面板(panel)。
3. Yahoo! UI Library: Uploader (演示地址)
YUI Uploader Control结合Flash开发的文件上传控件。支持在同一个”Open File”对话框中一次性选择多个文件。文件扩展名过滤,以帮助用户准确选择。文件上传过程跟踪。在文件上传POST请求中附件额外的参数。
4. dhtmlxVault
基于Ajax技术开发,包含上传进度提醒的Dhtml javascript文件上传控件。不同的文件类型会显示相应的icons。
5. jQuery: Ajax file upload (演示地址)
Ajax文件上传插件让用户能够很方便地上传多个文件而无需刷新页面。此外,可以使用任何元素(图片,文字,按纽等)来触发文件选择窗口。
电脑故障 | ps教程 | 设计 |
创业 | seo | discuz |
word | 配置 | c# |
数据库 | mysql | asp |
ShopEx | html | JavaScript |
模板 | Joomla | PhotoShop |
CSS | PHP | WordPress |
ECShop | jQuery | 用户体验 |
新闻 | 读书 |