游客

标题:JavaScript html js仿163网盘无刷新文件上传系统,.net和jsp两种demo
正文:
程序说明 【无刷新上传】 要实现文件上传，form必须设置几个属性： 1.action：设为要处理数据的页面地址； 2.method：设为"post"； 3.enctype/encoding：必须设为"multipart/form-data"，这里要注意的是在ie中用js修改form的enctype属性是没有效果的，只能修改encoding； 后面两个属性程序初始化时都有设置： this.Form.method = "post";
this.Form.encoding = "multipart/form-data";要注意这里的无刷新不是ajax哦，而是利用“古老”的iframe。 由于ajax提交数据必须先获取数据，而js（一般情况下）是不能操作客户端文件，要获取文件数据就更不用说了，所以只能用iframe来做。 先说说iframe实现无刷新上传的原理：利用form的target属性，把数据提交到页面中一个（通常为隐藏的）iframe上。直观点说就是把“刷新”留给iframe。 其实原理跟一般用iframe实现无刷新提交表单是一样的，只是这里换成是文件。 这里关键就是把form的target设为iframe的name： this.Form.target = this._FrameName;【iframe】 如果没有自定义iframe，程序在初始化时会自动创建无刷新所需的iframe的。 首先必须选择一个iframe名，这在无刷新时是必须的，为了每个实例能创建各自的iframe，这里用了一个随机数： this._FrameName = "uploadFrame_" + Math.floor(Math.random() * 1000);也可以用一个递增的计算器来代替随机数。 接着创建iframe，本以为用document.createElement("iframe")创建再设置它的name属性就行了。 却发现这样设置的name在ie居然不认（有说name是只读属性），还好在网上找到一个方法：“IE 创建元素，还有一个特点，就是可以连同属性一同创建”。 例如我想给动态创建的
[<<][[1]][2][3][>>]

查看评论(0)
发表评论



首页