类似问题 &
ASP.NET &&&&最新内容
ASP.NET &&&&相关内容安全检查中...
请打开浏览器的javascript，然后刷新浏览器
< 浏览器安全检查中...
还剩 5 秒&无刷新页面文件上传
文件上传很常见，也有好些方法，不过我见过的大多是基于flash的，也有用XMLhttpResponse来提交文件的，其实大可不必这么麻烦，我这里介绍一种更具兼容性的用法，利用iframe来曲线实现无刷新页面文件上传功能，这种方法其实也很常见了。
　　iframe上传文件原理是这样的：首先input file控件本身是被表单包含的，表单属性必须设置为enctype=&multipart/form-data&，才能上传任意文件。但是仅仅有这个还不行， 因为提交表单后，它会自动刷新页面，为了不让它离开本页，我们可以在这个提交的页面上动态生成一个隐藏的iframe，但是别忘了在表单上再添加一个属性target，并且指定为iframe的name，这样表单提交后，服务器才会将返回的结果会写在iframe里。最后在从这个iframe里获取数据就可以了。
　　原理上不难理解，也不难实现。在这上面还可以扩展出更多的功能，比如上传前判断文件类型，大小之类的，添加一个加载的过程等等。不过在实现的过程，还是遇到了几个难点：一个是获取文件信息，这个在不同的上，获取的方法不尽相同；另外一个是获取iframe里的内容。这些问题的解决方法，我没有很好的解决，不过貌似也没有什么大问题，所以我把解决的方法写在这里。
获取文件信息：我这里只是实现了获取文件名称的功能。
&1 getFile: function() {
&2&& var fileInfo = {};
&3&& var isIE = !!window.ActiveXO
&4&& // var isIE6 = isIE&&!window.XMLHttpR
&5&& // var isIE8 = isIE&&!!document.documentM
&6&& // var isIE7 = isIE&&!isIE6&&!isIE8;
&7&& var path = &#39;&#39;;
&8&& if(isIE) {
&9&&&& path = document.getElementById(this.config.id).
10&&&& fileInfo.fileName = path.slice(path.lastIndexOf(&#39;\\&#39;)+1);
11&& } else fileInfo.fileName = document.getElementById(this.config.id).files[0].
12&& return fileI
获取iframe的内容：
document.getElementById(&iframe&).find(&#39;body&#39;).html();
　　我这里先展示一个基本的上传代码，供各位参考。 我这个是不带界面的，纯逻辑部分。页面须有个&input type=&#39;file&#39; id=&#39;uploader&#39; name=&#39;file&#39;/&标签，然后可以这样调用:
var uploader = new FileUploader({
&& action: &#39;url&#39;, // 上传地址
&& onChange: function() {}, // 上传前
&& loading: function() {}, // 上传过程中
&& onComplete: function() {} //上传完成后
点击按钮选择一个文件后就会立即提交。
　　完整代码:
&1 function FileUploader(config) {
&2&&&& this.config =
&3&&&& this.input = $(&#39;#&#39;+this.config.id);
&4&&&& this.action = this.config.action || &#39;&#39;;
&5&&&& this.method = this.config.method || &#39;post&#39;;
&6&&&& this.type = this.config.type || &#39;json&#39;;
&7&&&& this.init();
&9 FileUploader.prototype = {
10&&&& init: function() {
11&&&&&&&& var that =
12&&&&&&&& this.addListener(&#39;change&#39;, function() {
13&&&&&&&&&&&& if(that.config.onChange) {
14&&&&&&&&&&&&&&&& var res =
15&&&&&&&&&&&&&&&& res = that.config.onChange.call(this, that.getFile());
16&&&&&&&&&&&&&&&& if(!res)
17&&&&&&&&&&&& }
18&&&&&&&&&&&& that.load();
19&&&&&&&& });
21&&&& load: function() {
22&&&&&&&& var that =
23&&&&&&&& this.wrap();
24&&&&&&&& this.send();
25&&&&&&&& if(that.config.loading) that.config.loading.call(that);
26&&&&&&&& $(&#39;iframe&#39;).bind(&#39;load&#39;, function() {
27&&&&&&&&&&&& var data = that.getResponse(document.getElementById(&hidden_frame&)).find(&#39;body&#39;).html();
28&&&&&&&&&&&& data = data.replace(/&pre.*&(.*)&\/pre&/, &$1&);
29&&&&&&&&&&&& if(that.config.onComplete) {
30&&&&&&&&&&&&&&&& if(that.type == &#39;json&#39;) data = eval(&#39;(&#39;+data+&#39;)&#39;);
31&&&&&&&&&&&&&&&& that.config.onComplete.call(this, data, that.input);
32&&&&&&&&&&&& }
33&&&&&&&&&&&& // this.input.unwrap();
34&&&&&&&&&&&& $(this).remove();
35&&&&&&&& });
37&&&& getResponse: function(iframe) {
38&&&&&&&& var doc = $(iframe).contents();
39&&&&&&&&
41&&&& remove: function() {
42&&&&&&&& this.input.remove();
44&&&& getFile: function() {
45&&&&&&&& var fileInfo = {};
46&&&&&&&& var isIE = !!window.ActiveXO
47&&&&&&&& var isIE6 = isIE&&!window.XMLHttpR
48&&&&&&&& var isIE8 = isIE&&!!document.documentM
49&&&&&&&& var isIE7 = isIE&&!isIE6&&!isIE8;
50&&&&&&&& var path = &#39;&#39;;
51&&&&&&&& if(isIE) {
52&&&&&&&&&&&& path = document.getElementById(this.config.id).
53&&&&&&&&&&&& fileInfo.fileName = path.slice(path.lastIndexOf(&#39;\\&#39;)+1);
54&&&&&&&& } else fileInfo.fileName = document.getElementById(this.config.id).files[0].
55&&&&&&&& return fileI
57&&&& send: function(cb) {
58&&&&&&&& var that =
59&&&&&&&& this.input.parent(&#39;form&#39;).submit();
61&&&& wrap: function() {
62&&&&&&&& this.input.wrap(
63&&&&&&&&&&&&&&&& &#39;&form enctype=&multipart/form-data&&#39;+
64&&&&&&&&&&&&&&&&&&&& &#39;action=&&#39;+this.action+&#39;& method=&&#39;+this.method+&#39;& target=&hidden_frame&&&#39;+
65&&&&&&&&&&&&&&&& &#39;&/form&&#39;
66&&&&&&&& );
67&&&&&&&& this.input.parent(&#39;form&#39;).after(
68&&&&&&&&&&&&&&&& &#39;&iframe name=&hidden_frame& id=&hidden_frame& src=&javascript:& style=&display:none&&&/iframe&&#39;
69&&&&&&&& );
71&&&& addListener: function(type, cb) {
72&&&&&&&& if(type == &#39;change&#39;) this.input.bind(&#39;change&#39;, cb);
&摘自& bilipan其他回答(2)
通过AJax局部刷新。
ajax局部刷新，或者把菜单单独做一个文件，每次页面加载传一个能标识是当前菜单的标识过去，然后修改class属性
&&&您需要以后才能回答，未注册用户请先。让html页面不缓存js的实现方法
投稿：shichen2014
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了让html页面不缓存js的实现方法,分析了HTML页面缓存js的原理,并由此分析实现不缓存js的方法,是非常实用的技巧,需要的朋友可以参考下
本文实例讲述了让html页面不缓存js的实现方法。分享给大家供大家参考。具体实现方法如下：
很多朋友都会碰到这样的情况：如果我们页面加载了js的话下次打开时也会是调用这个js缓存文件，但对于我们调试时是非常的不方便了，本文就来谈论如何解决这一问题，下面一起来看看。
不缓存JS的方法其实挺简单，CSS在某种条件下也可以如此使用；
先让大家了解下不缓存的一个简单的原理：
当浏览不同Url时，浏览器会自动将当前访问的地址进行一次缓存；而第二次访问时着调用缓存下来的页面，从而达到页面快速加载(页面加载优化)的目的；
因此，我们可以给页面后面设定个不同的值，让页面保持没错访问的不同即可达到不缓存的目的了！
下面是个简单的示例:
代码如下:&script&
document.write("&script type='text/javascript' src='/js/test.js&#63;"+Math.random();+"'&&/script&");
其他的类似，只需在地址后加上+Math.random()
注意：因为Math.random() 只能在Javascript 下起作用，故只能通过Javascript的调用才可以
最后加一个ajax也不让缓存的方法
代码如下:xmlHttp.open("GET", "ajax.asp&#63;now=" + new Date().getTime(), true);
记得后面的now=" + new Date().getTime()是重点，需要带参数的。
希望本文所述对大家的javascript程序设计有所帮助。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具