精华内容
下载资源
问答
  • 那么应该如何来实现在前端弹出“另存为”对话框呢? 调用document.execCommand方法 调用js方法document.execCommand可在前台页面调出“另存为”对话框,并将将服务器上存放的文件保存到本地指定的位置。需要注意的是...

    今天开发一个需求,需要将一段字符串保存到文件中,并且保存之后在页面上弹出“另存为”对话框来实现将文件保存到指定位置。那么应该如何来实现在前端弹出“另存为”对话框呢?

    调用document.execCommand方法

    调用js方法document.execCommand可在前台页面调出“另存为”对话框,并将将服务器上存放的文件保存到本地指定的位置。需要注意的是,部分IE浏览器中,可能会阻止显示内容,点击上方"允许阻止的内容“即可正常运行。
    示例代码如下:

    <script language='javascript' type='text/javascript'>
      function saveImg() {
        //将服务器上图片存放到本地的方法
        event.returnValue=false;
        show.window.location.href=img.src;
        timer=setInterval(saveAs,500)
      }
    
      function saveAs(){
        if(frame.readyState!="complete"){
            //'Saveas'表示打开“文件另存为”对话框命令
            frame.document.execCommand('SaveAs');
            clearInterval(timer)
        }
      }  
    </script>
    <img id="img" width="320px" height="200px" src="HelloWorld.jpg" alt=""/>
    <input id="btnSave" type="button" value="另存为" onclick="saveImg()"/>
    <iframe  name="frame"  style="width:0;height:0"></iframe>
    

    调用ActiveX控件

    创建一个“MSComDlg.CommonDialog”对象,也可在前台页面调出另存为对话框,与前面的js方法不同,该ActiveX控件还能获取到你选择的本地保存路径。但缺点是客户端需要注册“COMDLG32.OCX”,且客户端浏览器对ActiveX安全级别要求较低,否则将无法弹出“另存为”对话框。
    示例代码:

    try{
      OCXResult.Result.value = "";
      //创建一个ActiveX对象
      var fd = new ActiveXObject("MSComDlg.CommonDialog"); 
      //设置保存文件类型选项
      fd.Filter = "JPG图片|*.jpg";    
      fd.FilterIndex = 2;
      fd.fileName="HelloWorld.jpg";
      // 必须设置文件的最大内存
      fd.MaxFileSize = 256;
      //打开“另存为”对话框
      fd.ShowSave();
    }catch(e){
      confirm("您的系统尚未注册COMDLG32.OCX,请先下载注册此控件后再重新进行操作);
    }
    

    使用第三方Web控件

    现如今有许多第三方Web框架提供的控件已经可以很轻松的实现各种复杂的UI,因此找到一款简单好用的Web框架会大大的提高前端开发的效率,像诸如此类的前端操作也将会变得很容易处理。

    展开全文
  • 主要介绍了JavaScript实现控制打开文件另存为对话框的方法,实例分析了javascript实现文件另存为的技巧,非常具有实用价值,需要的朋友可以参考下
  • JS实现文件另存为

    千次阅读 2016-08-05 11:22:00
    JS实现文件另存为 //下载平面图 function downPlan() { var oPop = window.open(src, "", "width=1, height=1, top=5000, left=5000"); for (; oPop.document.readyState != "complete"; ) { ...

    JS实现文件另存为

    //下载平面图
    
    function downPlan() {
    
        
        var oPop = window.open(src, "", "width=1,   height=1,   top=5000,   left=5000");
      
        for (; oPop.document.readyState != "complete"; ) {
    
            if (oPop.document.readyState == "complete")
    
                break;
    
        }
    
        oPop.document.execCommand("SaveAs");  
    
        oPop.close();   
    
    }

     

    转载于:https://www.cnblogs.com/KingUp/p/5740602.html

    展开全文
  • JavaScript,如何实现另存为功能?即实现保存路径的选择?
  • 文件下载另存为

    2018-08-08 15:45:00
     //data 文件字节流  def out = response.getOutputStream()  response.reset();  response.setContentType("application/octet-stream");  response.setContentType("application/OCTET-STREAM;charset=UTF-8...

    前台 :

    function  downFile(){

    var form = document.createElement("form");
                            document.body.appendChild(form);
                            
                            var IdInput = document.createElement("input");
                            
                            IdInput.type = "hidden"; //输入框类型
                            
                            form.appendChild(IdInput);
                            
                            IdInput.value =params.dnTransFormId; //传入参数
                            
                            
                            IdInput.name = "dnTransFormId"; //输入框名称
                            
                            form.action = "../transForm/downFile";  //下载路径
                            form.submit();

    }

     

    controller

    def downFile(){
            try{
                println "++_+_+_+_+"+params
              //name 文件名

       //data 文件字节流
                def out = response.getOutputStream()
                   response.reset();
                   response.setContentType("application/octet-stream");
                   response.setContentType("application/OCTET-STREAM;charset=UTF-8");
                   response.setHeader("Content-disposition", "attachment;filename=" + name)
                   response.setContentType("text/plain");
                   out.write(data);
                jsonSuccess()
            }
            catch (e) {
                e.printStackTrace()
                jsonError(e)
            }
        }

     

    如有类同,亲见谅

     

    转载于:https://www.cnblogs.com/yixingzhou/p/9443223.html

    展开全文
  • 我先把我自己尝试的一个贴出来 <p style="text-align:center"><img alt="" height=... ... 我想实现点击按钮会弹出另存为对话框让用户选择保存路径和更改名字的一个功能,但是现在是点击之后就直接下载文件了。</p>
  • 不同于传统的“网页另存为”,monolith不仅节省了目标文件,它嵌入CSS,图像和JavaScript的资产一下子,生产单一HTML5文档是一种快乐来存储和共享。 与使用来保存网站相比wget -mpk,此工具将所有资产嵌入为数据URL...
  • 1.原文查看地址:https://segmentfault.com/q/1010000000438270  2.实现例子地址:... 3.实例代码: function fake_click(obj) { var ev = document.createEvent("MouseEvents"); ev.initMouseEvent

    1.原文查看地址https://segmentfault.com/q/1010000000438270 

    2.实现例子地址http://jsfiddle.net/uzhr6/ 

    3.实例代码:

    function fake_click(obj) {
        var ev = document.createEvent("MouseEvents");
        ev.initMouseEvent(
            "click", true, false, window, 0, 0, 0, 0, 0
            , false, false, false, false, 0, null
            );
        obj.dispatchEvent(ev);
    }
    
    function export_raw(name, data) {
        var urlObject = window.URL || window.webkitURL || window;
    
        var export_blob = new Blob([data]);
    
        var save_link = document.createElementNS("http://www.w3.org/1999/xhtml", "a")
        save_link.href = urlObject.createObjectURL(export_blob);
        save_link.download = name;
        fake_click(save_link);
    }
    
    $('a').click(function() {
    	export_raw('test.html', 'hello world');
    });



    展开全文
  • 使用indexedDB实现的一个H5下载js插件,支持大文件在浏览器页面内下载,有断点续传的下载能力,适合需要下载大文件,并且有很强的权限控制,不希望下载地址外泄的情况。 有下载的人反馈说没有分析,其实是有的,在...
  • 1 ........... filename*="utf8' ....web页面生成TXT文件另存为下载  本文转自许琴 51CTO博客,原文链接:http://blog.51cto.com/xuqin/1351119,如需转载请自行联系原作者
  • javascript实现另存为

    千次阅读 2012-10-24 19:05:30
    javascript实现另存为 自己参考网上写的,不过有点不爽的是: 有些环境不支持,就是不支持MSComDlg.CommonDialog。 &lt;html&gt; &lt;head&gt; &lt;title&gt;save as&lt;/title...
  • <p style="text-align:center"><img alt="" src="https://img-ask.csdnimg.cn/upload/1623059478173.png" /></p> 就是这样的另存为对话框</p>
  • 禁止网站被另存为的几种方法

    千次阅读 2017-09-21 14:50:15
    如果只是禁止了右键和选择复制,别人还可以通过浏览器菜单中的”文件”-”另存为”拷贝文件。为了使拷 贝失效,可以在 与 之间加入以下代码: < noscript > < iframe src = "*.htm" > iframe > ...
  • 前端导出PDF文件.zip

    2020-06-30 19:56:36
    简单强大之处,根据前端...版权声明:本文CSDN博主「帅气小鱼囝」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。 原文链接:https://blog.csdn.net/u011487477/article/details/106908739
  • xls转xlsx另存为用法一

    2013-05-17 17:51:30
    xls转xlsx另存为用法一
  • 2021年前端面试题及答案

    万次阅读 多人点赞 2020-02-11 19:29:34
    前端面试汇总(2020年) 一 大纲 1、前言 2、前端工程化 3、前端设计模式 4、前端安全性问题 5、前端跨域问题 6、前端数据加密 7、前端http相关问题 8、*前端基础知识点面试题 9...
  • 导入 .jar包 ,使用Maven时,不需要手动导入 jar包 ,在pom.xml文件中加入依赖即可,加入之后点击右侧Maven图标,并按刷新按钮,Maven会自动更新和下载jar包(如图) 有些需要本地导入的jar包,操作方法如下: 将...
  • 后台将excel文件解析流的形式返给前端前端拿到数据完成下载。利用XMLHttpRequest,具体代码实现如下: var oReq = new XMLHttpRequest(); //url参数拿后台数据的接口 oReq.open("POST",url, true); oReq....
  • Vue前端HTML保存PDF常用方式有两种。 1.使用html2Canvas和JsPDF库,转化图片后保存PDF。 2.调用浏览器window.print(),然后手动保存PDF。(可以改编js在html中实现) 优缺点 第一种 优点 没有预览点击即可...
  • HTML页面另存为PDF保存到本地

    千次阅读 2020-05-20 10:47:23
    1.打开谷歌浏览器控制台(快捷键F12) 2.在对应页面下的console中粘贴如下内容 (function(){ $("#side").remove(); $("#comment_title, #comment_list, #comment_bar, #comment_form, .announce, #ad_cen, #ad_bot...
  • 假设从主窗口中打开一个子窗口,在子窗口另存图片,如下图所示。代码一般是这样的。 QString dirPath = QFileDialog::getSaveFileName(NULL, QStringLiteral("ImageSaveAs"), ":/image/good.png"...
  • 禁止另存为 <noscript><iframe src=*.html></iframe></noscript> 屏蔽鼠标右键 //第一种 建议用 document.oncontextmenu = function(){ return false; } //第二种 document....
  • 在HTML网页中加入几行简单的代码可以禁止他人使用鼠标右键和“另存为”命令。 一、屏蔽鼠标右键 把网页的标签修改为下面的代码: .../body> ...二、禁止“另存为”命令 在目标...
  • 前端实现文件下载功能的三种方式 参考博客: https://blog.csdn.net/hfhwfw161226/article/details/105700504
  • 前端实现文件下载功能

    万次阅读 2017-11-15 20:36:06
    一般情况下,想要实现文件下载/导出功能,需要在前端把数据发到服务端或者发送下载请求到服务端,然后由服务端通过获取数据 -> 生成数据 -> 生成文件三个步骤生成数据,在响应请求头中包含Content-disposition: ...
  • 前端实现文件下载功能

    万次阅读 2018-06-12 17:17:04
    最简单的,有文件的地址,直接使用a标签实现下载: &lt;a href="/user/test/xxxx.txt" download="文件名.txt"&gt;点击下载&lt;/a&gt; 但是有个情况,比如txt,png,jpg等这些...
  • 前端将json数据转换Excel文件下载

    千次阅读 2019-09-06 16:45:09
    第一步安装需要的依赖: ...Blob.js 和 Export2Excel.js文件 可以百度下载这两个文件,也可以直接copy下面的代码。 Blob.js代码如下: /* eslint-disable */ /* Blob.js * A Blob impleme...
  • 前端实现 html 下载(保存) word 格式的文件 需求:不依靠后端的文件链接,直接将页面中的 DOM 元素转码相应的 word 文档,并保持页面风格大致不变。 前端一般的下载文件的方式 前端下载文件大致有三种方式...
  • 前端处理文件流并下载。apiget请求,发送请求需要在请求头携带token
  • 相信很多人在做前端的时候,有时候需要把前端页面上的内容导出来,但是用后台的IO流,写起来往往非常麻烦,这里我提供了纯前端的解决方法 首先是引入网上的两个库 <script src=...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,449
精华内容 1,779
关键字:

前端文件另存为