sy0196

整理了《JS 高级程序设计》中生僻和重要的知识点。

浏览器在请求不同域的资源时，会因为同源策略的影响请求不成功，这就是通常被提到的“跨域问题”。作为前端开发，解决跨域问题应该是一个被熟练掌握的技能。而随着技术不断的更迭，针对跨域问题的解决也衍生出了多种解决方案。我们通常会根据项目的不同需要，而采取不同的方式。这篇文章，将详细总结…

请大家多多指教，鞠躬。 在之前的工作当中，遇到有文件上传的需求基本都是通过引用插件来实现的，效果是完成了，但是其实并没有一个系统的认识，理解比较粗浅。 最近又遇到了相关的需求，在阅读了Deng mu qin（大神都是这样的，只留下了一串拼音字符，不带走一片云彩~）前辈的uplo…

有没有一看到讲跨域资源共享的就不想再看的了，网上的跨域资源共享的博文，三天两头的就出一篇。 既然你已经进来看了，还请你稍稍忍耐下，继续往下看，或许你会发现和之前看到的有不一样的收获。 其实，之前看过我写的文章的同学可能知道，我写过一篇关于《跨域及跨域资源共享》（没有看过的同学，…

现在摄像头已经是手机的标配了，移动网站也做得越来越像APP。然而拍照上传这件事情的体验似乎仍然不如APP，主要原因是现在手机拍摄的照片太大，上传非常消耗流量也非常耗时。APP都会在上传前缩小要上传的照片尺寸，以期更节省流量和时间。在HTML5时代，利用文件API和Canvas技术，Web上也可以做到图片压缩上传。 PS: 例子程序已经更新，自测能兼容我的小米上的微信6.2.5。可以点标题下的原文查看。或者直接打开http://tpjda.pwd.tw/

最近把产品目前使用的 FileUploader 从老的组件库分离出来的，自己也查阅了相关的各种资料，对文件上传的这些事有了更进一步的了解。把这些知识点总结一下，供自己日后回顾，也供有需要的同学参考，同时也欢迎各位大牛拍砖指点共同学习。

话说现在很多很多项目需要用到文件上传，自从有了 HTML5 之后，上传就变的超级简单了。HTML5 支持多图片上传，而且支持 ajax 上传！而且支持上传之前图片的预览！而且支持图片拖拽上传！而且还是纯粹利用 file 控件实现！而且代码还超级简单！！！原谅我这个没见过世面的人这么激动 ==，但是说真的，有这么多优点，想不让人称赞都难啊！

第一种是最常用的手段，通常还会自定义一个按钮，然后盖在它上面，因为type="file"的input不好改变样式。如下代码写一个选择控件，并放在form里面： 可以看到文件的路径是一个假的路径，也就是说在浏览器无法获取到文件的真实存放位置。同时FormData打印出来是一个空的…

包括HTML基础设置、CSS界面优化、JS利用FormData对象和AJAX进行上传、后端接收文件并存储到指定路径以及删除文件操作。 因此，传输完整的文件数据需要multipart/form-data属性。 保存了用户指定的文件的名称。 设置input类型为file。 可多选，…