经常用到上传图片即时预览的功能,实现方式很多,用flash+js实现的比较多,今天遇到同事不想用flash之类也不想用网上的插件,那么我给了他一种解决办法:
思路:
1. 页面上传图片的部分放到一个ifr a me中,ifr a me设置无边框无滚动条,和所嵌入的页面风格一致,根据需要设置固定大小
2. 在ifr a me中提交上传图片的表单,提交后再次返回原页面(ifr a me所指向的页面)并从服务器带回刚上传的图片地址,调用父页面的js代码加载图片
3. 如果用到要进度条等效果,就在表单提
最近参照网上的一些资料,初步到达了预期目标(客户端获取上传进度,还没发现什么好的方法,没有实现),利用ifr a me实现了附件的无刷新上传效果(其实有提交ifr a me),为了使用方便,最后做成了,.net用户自定义控制:
控件使用示例:
控件页面效果只是“添加附件”的图片,运行效果图一:
点击图片弹出文件选择框,运行效果图二
选中文件打开,文件开始上传,点击“停止”按钮,“正在上传”变为“等待上传”,“停止”变为“上传”,运行效果图三
由于附件的大小受限或页面访问超时,上传失败,运