关于javascript控制系统弹出下载提示 用以下载图片
2012-12-12 15:05
211 查看
题目没说清 具体需求是 页面上需要增加一个下载图片的功能。后台这个时候可以给我一个图片的src,但众所周知,链接到图片的src后只会在新页面打开图片,而不会弹出下载提示,让用户去下载图片。
我本以为,js是做不到这样的功能的,还是自己的知识面过窄了,请教了我们这边的技术牛后,果真得到了我想要的答案。
可惜的是,PM觉得这个需求有些不够尽善,在我刚准备埋代码的时候,把需求砍掉了。我先记录在这里,闲暇的时候可以研究下。
先说下基本的原理,这块涉及到了http的content-type,我的薄弱点,这块的知识要恶补一下了。
用js创建一个form,进行post提交,提交的地址返回图片数据。
post的响应中的header需要以下两个内容:
Content-Type application/octet-stream
Content-Disposition attachment;filename=文件名.png
content-type保证弹出保存对话框,第二个会给出默认的文件名
浏览器就根据Content-Type来决定如何处理接口中返回的图片资源。我度娘了一下,任何文件都要下载 ".*"="application/octet-stream",代码因为很多不是我写的,就不贴了,等我整理好之后,看能否写成一个小组件。
估计以后项目里类似的需求会很多。
我现在又很多的疑问,比如,js能否改变一个图片的内容呢,即在图片上写上一些文字,或者,能否将一个页面 以图片的形式存下来,我目前觉得 应该是可以的,现在的截图工具不是很多么,具体怎么实现,接下来要好好研究一下。
PS : 发现目前开发中,可改进的东西太多了,克服懒散克服懒散。好好干活。
我本以为,js是做不到这样的功能的,还是自己的知识面过窄了,请教了我们这边的技术牛后,果真得到了我想要的答案。
可惜的是,PM觉得这个需求有些不够尽善,在我刚准备埋代码的时候,把需求砍掉了。我先记录在这里,闲暇的时候可以研究下。
先说下基本的原理,这块涉及到了http的content-type,我的薄弱点,这块的知识要恶补一下了。
用js创建一个form,进行post提交,提交的地址返回图片数据。
post的响应中的header需要以下两个内容:
Content-Type application/octet-stream
Content-Disposition attachment;filename=文件名.png
content-type保证弹出保存对话框,第二个会给出默认的文件名
浏览器就根据Content-Type来决定如何处理接口中返回的图片资源。我度娘了一下,任何文件都要下载 ".*"="application/octet-stream",代码因为很多不是我写的,就不贴了,等我整理好之后,看能否写成一个小组件。
估计以后项目里类似的需求会很多。
我现在又很多的疑问,比如,js能否改变一个图片的内容呢,即在图片上写上一些文字,或者,能否将一个页面 以图片的形式存下来,我目前觉得 应该是可以的,现在的截图工具不是很多么,具体怎么实现,接下来要好好研究一下。
PS : 发现目前开发中,可改进的东西太多了,克服懒散克服懒散。好好干活。
相关文章推荐
- 关于如何在.aspx页面用javaScript实现点按钮弹出确认提示窗口
- 关于取消 IE7浏览网页弹出 “是否允许下载文件” 提示框
- 关于打开MSDN提示“”无法下载msdnstart.htm(来自MS.MSDNQTR.v90.chs) 未指定的错误“”解决办法
- 迅雷在下载网页视频时没有自动弹出提示,怎么办?
- jQuery警告/确认/提示弹出对话框效果(替换传统JavaScript下的提示框)
- 禁止图片下载(javascript)
- 关于FTP远程和服务器通信建立连接、增加、删除、下载、预览图片功能
- 关于c++下载网络url图片
- 关于javascript延迟加载图片
- Ajax资源下载 - 活动提示的图片
- 关于安卓手机访问一些网站或者Fiori应用弹出安装证书的提示
- javascript弹出提示框
- 关于MSPlus控件下载后用VS.NET打开提示目录不对的解决方法
- javascript实现屏幕右下角弹出信息提示框
- jsp图片上传到数据库里面之后,不能直接在页面上显示,而是提示下载
- JavaScript实现简单图片滚动附源码下载
- 关于IE6和IE7关闭窗口时提示和不提示以及上传图片前的本地预览解决办法
- js javascript 表单tips效果,文本框弹出提示框效果(带箭头效果与代码)
- 关于在右下脚弹出窗口javascript代码,并用ASP.NET在后台调用(原创)
- 利用javascript从数据库取数据来实现CSDN首页图片的切换效果(新增下载地址)