ajax无刷新上传图片
A. .net ajax最简单的局部刷新都无法实现,什么原因啊,这是最简单的例子啊
没看出你是无刷啊,你这个只能进行刷后处理。button的作用就是重新刷新了页面,不信的话你可以试一下,只要是在form runat=server下的按钮,点钮后都会引了page-load事件的。具体的无刷要引入ajax,换句话来说就是利用浏览器的主求功能,请求的数据直接交由浏览器进行处理,从而启动只刷新部分页面的功能,因为没有执行pageload事件,故称无刷。而这个一般是可以独立到页面外的功能中,与原页面无关系或借用原页面的一部分功能。引用ajax只不过是你可以不用手工写这些代码而已。
所以针对你对这个问题的理解,给你两点建议。
web的客户端指的是浏览器,与服务器代码没有多大关系的。不是你想象的点那个按钮服务器只部分执行行,其他它是一个生新执行。除非是ajax,这时按钮的点击事件应该是是onclientclick属性,这里你看清楚的是,click是事件,而onclientclick是属性,原因就是服务器执行的是click事件,而onclientclick只是定义了一个客户端执行名称,自动生成onclick="名称"的一个属性。而这个在执行时是执行了指字名称的客户端js代码,而不是触发了服务端的任何事件。
ajax事实上是重新开了一个新请求,请求内容由浏览器后台进行,并显式控制,然后再利用js的dom写到客户端页面上来,它并不是向原网页进行请求的内容。所以对于客户体验上来说是没有刷新页面,称之为无刷。与页面中的图片代理请求十分相似,页面先展示了一个图片的占位,然后再请求图片显示到占位,只不过这个过程是自动的,而ajax是手工控制。
而.net的ajax开发只是一个工具,他仅仅只是简化你开发的过程,你不用去写相关的代码,而是由开发工具生成,它的生成周期与页面浏览的周期完全是两码事,使用ajax开发仅仅是开发工具将那些代码生成了而已。
你的上文中我没有看到有关ajax开发的任何内容。
比较推荐使用swfupload上传代码,它是把swf和javascript结合起来,做成上传代码。功能应该是当前最丰富的。
它可以实现纯粹html、javascrip难以逾越的功能:
(1)可以同时上传多个文件;
(2)类似AJAX的无刷新上传;
(3)可以显示上传进度;
(4)良好的浏览器兼容性;
目前QQ空间和博客网站,比较先进的图片上传也是基于swf和js代码结合的做法。
关于swfupload,你可以详细去网络上看,不重复了。
http://ke..com/view/1332553.htm
C. 怎么在form里分别上传多个文件,如图
可以用iframe上传,orm表单的method、 enctype属性必须和下面代码一样。然后将target的值设为iframe的name,这样就可以实现无刷新上传文件。
<form action="uploadfile.php" enctype="multipart/form-data" method="post" target="iframeUpload">
<iframe name="iframeUpload" src="" width="350" height="35" frameborder=0 SCROLLING="no" style="display:NONE"></iframe>
<input id="test_file" name="test_file" type="file">
<input value="上传文件" type="submit">
</form>
D. web前端上传图片的几种方法
下面给你介绍3种web前端上传图片的方法:
1.表单上传
最传统的图片上传方式是form表单上传,使用form表单的input[type=”file”]控件,打开系统的文件选择对话框,从而达到选择文件并上传的目的。
ajax无刷新上传
Ajax无刷新上传的方式,本质上与表单上传无异,只是把表单里的内容提出来采用ajax提交,并且由前端决定请求结果回传后的展示结果。
3.各类插件上传
当上传的需求要求可预览、显示上传进度、中断上传过程、大文件分片上传等等,这时传统的表单上传很难实现这些功能,我们可以借助现有插件完成。
如网络上传插件Web Uploader、jQuery图片预览插件imgPreview 、拖拽上传与图像预览插件Dropzone.js等等,大家可根据项目实际需求选择适合的插件。
E. ajax怎么提交带文件上传表单
上传的文件是没有办法和表单内容一起异步的,可考虑使用jquery的ajaxfileupload,或是其他的插件,异步上传文件后,然后再对表单进行操作。