打开新页面预览文件和js拼form表单在当前页下载文件

JS文件下载与预览技巧
本文介绍使用JavaScript实现文件下载的方法,包括在当前页面及新开窗口下载文件的技巧。通过创建隐藏表单并提交,实现文件的快速下载,同时提供在线预览的解决方案。
------------------- js拼形在当前页面下载文件--------
        var form = $(“<form>”); / /定义一个表格表单
        form.attr(“style”,“display:none”);
        form.attr(“目标”,“”);
        form.attr(“方法”,“帖子”);
        form.attr(“action”,“commonAssetsController.do?download");//URL路径
        var input = $(”<input>“);
        input.attr(”type“,”hidden“);
        input.attr( “name”,“
        oldName ”); input.attr(“value”,
        oldName ); form.append(输入);
        
        var input = $(“<input>”);
        input.attr(“type”,“hidden” );
        input.attr(“name”,“filePath”);
        input.attr(“value”,filePath);
        form.append(输入);
        $(“#body”)追加(form); //将表单放置在网页中
        form.submit(); //表单提交 
        form.remove(); //移除该临时元素

-----------------------------------------------------------------------------------------------------

下面弹出一个新网页下载文件,可以用作在线预览用
  ----- --------------打开新页面下载文件--------
 

       var myWindow = window .open(“”,“_ blank”);
        myWindow.document.write(“<form action ='commonAssetsController.do?download'method ='post'name ='myform'style ='display:none;'accept-charset ='UTF-8'>”  
                                +“< input type ='hidden'name ='oldName'value ='“+ oldName +”'/>“  
                                +”<input type ='hidden'name ='filePath'value ='“+ filePath +”'/>“  
                                + “</ FORM>”);
        myWindow.document.myform.submit();  

-----------------------------------------------------------------------------------------------------

多文件的上传下载预览删除,有时间整理一下在上传吧

-----------------------------------------------------------------------------------------------------

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值