关于javascript控制系统弹出下载提示用以下载图片

题目没说清具体需求是页面上需要增加一个下载图片的功能。后台这个时候可以给我一个图片的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 ：发现目前开发中，可改进的东西太多了，克服懒散克服懒散。好好干活。

转载于:https://www.cnblogs.com/lxin/archive/2012/12/12/2814669.html

关于javascript控制系统弹出下载提示用以下载图片相关推荐

javascript alter弹出网页提示框
在这里插入代码片 <!DOCTYPE html> <html><head><meta charset="utf-8"><scr ...
将Capicom调用代码封装到ActiveX——解决javascript调Capicom读取数字证书信息时，IE弹出安全提示的问题...
此文系转载原文:http://www.cnblogs.com/xuezhizhang/archive/2011/07/10/2102542.html 一.使用javascript方法: <ob ...
异步任务下载apk文件并弹出对话框提示当前进度，文件下载结束后弹出安装界面
主要任务 1.下载apk保存到sd卡指定目录 2.下载时显示下载的进度 3.下载完成后弹出对话框提示安装分析过程: 联网操作不能在UI线程(主线程)进行需要开启线程下载,为了效率我们这里采用异步线 ...
关闭浏览器前提示_win7系统ie总弹出查看和跟踪下载的关闭方法
今天小编给大家分享的是win7系统ie总弹出查看和跟踪下载的关闭方法,使用ie浏览器上网的时候,有些用户会遇到ie总弹出查看和跟踪下载的窗口,很多用户想关闭掉此提示,却不知如何关闭查看和跟踪下载的窗口 ...
html转chm后脚本错误,win10系统打开chm资料弹出窗口提示脚本出现错误的恢复办法...
有关win10系统打开chm资料弹出窗口提示脚本出现错误的操作方法想必大家有所耳闻.但是能够对win10系统打开chm资料弹出窗口提示脚本出现错误进行实际操作的人却不多.其实解决win10系统打开ch ...
Java 技术篇-利用exe4j工具生成exe文件实例演示，IntelliJ IDEA将项目转化为jar包方法，运行生成后的程序弹出exe4j提示处理，生成的程序显示控制台设置方法
Java 项目转化为 exe 可执行文件第一章:IntelliJ IDEA 将项目转化为 jar 包 ① 设置 Artifacts ② 设置是否集成外部 jar 包 ③ 将 java 项目转化为 j ...
使用pyqt弹出消息提示框
使用pyqt弹出消息提示框安装 pyqt 安装遇到问题 `No matching distribution found for PyQt5-Qt5>=5.15.2 (from pyqt5)` ...
JavaScript的弹出框
alert() 弹出个提示框 (确定) confirm() 弹出个确认框 (确定,取消) prompt() 弹出个输入框让你输入东西使用消息框使用警告.提示和确认可以使用警告.确认和提示消息框 ...
JavaScript常用弹出框合集
JavaScript常用弹出框合集 JavaScript 有三种类型的弹出框:警告框.确认框和提示框. 警告框如果要确保信息传递给用户,通常使用警告框.当警告框弹出时,用户将需要单击"确定 ...
关于360防火墙弹出木马提示框，是由于执行文件加密引起，已将提交360认证，请放心使用...
DroidPilot的可执行文件经加密后,会被360防火墙弹出木马提示框.我公司已将执行文件提交360,且通过了认证,应该不会再有提示,请放心使用. <ignore_js_op> 2013 ...

关于javascript控制系统弹出下载提示用以下载图片

关于javascript控制系统弹出下载提示用以下载图片相关推荐

最新文章

热门文章

关于javascript控制系统弹出下载提示 用以下载图片

关于javascript控制系统弹出下载提示 用以下载图片相关推荐

最新文章

热门文章

关于javascript控制系统弹出下载提示用以下载图片

关于javascript控制系统弹出下载提示用以下载图片相关推荐