Web端打开文件选择和保存对话框

最新推荐文章于 2023-03-28 15:29:28 发布
最新推荐文章于 2023-03-28 15:29:28 发布
阅读量3k 收藏 1
点赞数
分类专栏： C#基础类 EXCEL操作技巧

在C# web应用程序页面上如何弹出一个打开文件的对话框
private    void    FileDownload(string    FullFileName)           
{           
FileInfo    DownloadFile    =    new    FileInfo(FullFileName);                   
Response.Clear();           
Response.ClearHeaders();           
Response.Buffer=false;           
Response.ContentType= "application/octet-stream";           
Response.AppendHeader( "Content-Disposition ","attachment;filename="            +HttpUtility.UrlEncode(DownloadFile.FullName,System.Text.Encoding.UTF8));                       
Response.AppendHeader( "Content-Length",DownloadFile.Length.ToString());
Response.WriteFile(DownloadFile.FullName);           
Response.Flush();           
Response.End();           
}


总体介绍

文件的选择、保存对话框，使用Java 很容易达成。

如果想在Web端使用的话，可以用Applet 达成。

但如果想使用HTML, js 达成的话，也是可以的。不过

web程序对客户机的文件进行读写是不安全的。ActiveXObject是IE特有的。这种东西本身就是不安全的.


文件选择框通用方式

最常用的就是使用如下方式：
[html] view plain copy
print ?
  1. <input type="file" />  
<input type="file" />
这是HTML的标签，基本适用所有的浏览器。产生的效果是带有一个文本框和一个浏览按钮。(在 各浏览器的实际效果可能不一样)

点击"浏览" 按钮就可以打开文件选择的dialog 了， 选择文件后， 文件路径就保存在这个 input 的 value的属性里了。如下例子：

[html] view plain copy
print ?
  1. <!--Add by oscar999-->  
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
  3. <HTML>  
  4. <HEAD>  
  5. <TITLE> New Document </TITLE>  
  6. <META NAME="Author" CONTENT="oscar999">  
  7. <script>  
  8.   function getSelectFile()  
  9.   {  
  10.       var fileName = document.getElementById("fileSelect").value;  
  11.       alert(fileName);  
  12.   }  
  13. </script>  
  14. </HEAD>  
  15.   
  16. <BODY>  
  17.  <input id="fileSelect" type="file" />  
  18.  <input value="Get File" type="button" onclick="getSelectFile();"/>  
  19. </BODY>  
  20. </HTML>  
<!--Add by oscar999-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Author" CONTENT="oscar999">
<script>
  function getSelectFile()
  {
      var fileName = document.getElementById("fileSelect").value;
      alert(fileName);
  }
</script>
</HEAD>

<BODY>
 <input id="fileSelect" type="file" />
 <input value="Get File" type="button" οnclick="getSelectFile();"/>
</BODY>
</HTML>

文件保存对话框

你可能会问，既然选择对话框有了， 为什么还需要保存的对话框呢？
因为在选择对话框里，不能选择(或输入)一个不存在文件名，所以这对于保存来说不适用。
1. 方式一： 使用ActiveX控件，仅支持 IE
[html] view plain copy
print ?
  1. <!--Add by oscar999-->  
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
  3. <HTML>  
  4. <HEAD>  
  5. <TITLE> New Document </TITLE>  
  6. <META NAME="Author" CONTENT="oscar999">  
  7. <script>  
  8.   function  saveFile()    
  9.   {    
  10.       fileDialog.CancelError=true;    
  11.       try{    
  12.        fileDialog.Filter="HTM   Files   (*.html)|*.html|Text   Files   (*.txt)|*.txt";    
  13.        fileDialog.ShowSave();    
  14.       }    
  15.       catch(e){}    
  16.   }    
  17. </script>  
  18. </HEAD>  
  19.   
  20. <BODY>  
  21.  <object   id="fileDialog"   width="0px"   height="0px"   classid="clsid:F9043C85-F6F2-101A-A3C9-08002B2F49FB"     codebase="http://activex.microsoft.com/controls/vb5/comdlg32.cab">    
  22.  </object>    
  23.   <input   type=button   value="Save"   onclick="saveFile()"  
  24. </BODY>  
  25. </HTML>  
<!--Add by oscar999-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Author" CONTENT="oscar999">
<script>
  function  saveFile()  
  {  
      fileDialog.CancelError=true;  
      try{  
       fileDialog.Filter="HTM   Files   (*.html)|*.html|Text   Files   (*.txt)|*.txt";  
       fileDialog.ShowSave();  
      }  
      catch(e){}  
  }  
</script>
</HEAD>

<BODY>
 <object   id="fileDialog"   width="0px"   height="0px"   classid="clsid:F9043C85-F6F2-101A-A3C9-08002B2F49FB"     codebase="http://activex.microsoft.com/controls/vb5/comdlg32.cab">  
 </object>  
  <input   type=button   value="Save"   οnclick="saveFile()"
</BODY>
</HTML>

2. 使用document.execCommand('SavaAs'), 仅支持 IE
[html] view plain copy
print ?
  1. <!--Add by oscar999-->  
  2. <html>  
  3. <head>  
  4.    <title> New Document </title>  
  5. </head>  
  6. <body>  
  7.    <input type="button" value="Save" onclick="document.execCommand('SaveAs')">  
  8. </body>  
  9. </html>  
<!--Add by oscar999-->
<html>
<head>
   <title> New Document </title>
</head>
<body>
   <input type="button" value="Save" οnclick="document.execCommand('SaveAs')">
</body>
</html>

除了IE,其他浏览器貌似都没有打开保存的窗口，用替代方案，直接填入路径：
[html] view plain copy
print ?
  1. <!--Add by oscar999-->  
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
  3. <HTML>  
  4. <HEAD>  
  5. <TITLE> New Document </TITLE>  
  6. <META NAME="Author" CONTENT="oscar999">  
  7. <script>    
  8.     function   smt(){    
  9.         path   =   prompt("Please Input Path","");   
  10.     }     
  11. </script>  
  12. </HEAD>  
  13.   
  14. <BODY>  
  15.   <input   type="button"   value="Save"   onclick="smt()">     
  16. </BODY>  
  17. </HTML>  
<!--Add by oscar999-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Author" CONTENT="oscar999">
<script>  
	function   smt(){  
		path   =   prompt("Please Input Path",""); 
	}   
</script>
</HEAD>

<BODY>
  <input   type="button"   value="Save"   οnclick="smt()">   
</BODY>
</HTML>


获取路径后的处理

获取保存路径后，如何创建文件可以参考：
Andrewniu
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript 选择文件夹对话框(web)
12-11
没有办法，实践证明最好的解决办法是自己写一个OCX控件，这样就只要注册一下OCX控件就可以了，同时OCX控件的可扩展性非常大，也就是给vc\delphi这些程序的功能引入到web中，其功能可想而知！ 这里不说明OCX开发的过程了，给自己写的OCX控件共享一下，希望能给一些朋友提供帮助。 这个OCX控件中提供了一个getFiles()方法，只要获取控件对象，然后调用getFiles()方法就可以获取对应路径下的所有文件，如下图： 该控件可以选择任意盘符下的任意文件夹，图中最下面的按钮时web中的input，通过web中的js方法来获取文件列表,OCX 的getFiles()方法返回文件名串，样式
如何在网页中显示选择文件对话框
人生若可如罗盘，就不需迷茫
09-11 6357
在制作网页时，经常要选择文件并上传，使用传统的InputFile控件，每次只能选择一个文件，甚为不便。如果使用Microsoft的公共对话框组件就方便很多了，它可以一次就选择多个文件，就像QQ空间的相片上传功能一样。如何实现呢?经过多次试验，终于搞掂。源代码如下： 获取硬盘上的所有驱动器,文件夹和文件
FILE_OPEN_DIALOG
ChampaignWolf的专栏
06-30 641
方法: FILE_OPEN_DIALOG *数据的定义 DATA: TAB TYPE FILETABLE, "存放文件名的内表 WA TYPE LINE OF FILETABLE, "用来读取文件名的结构 FILE_FILTER TYPE STRING, "file filter RC TYPE I. "函数返回值 *定义file filter,注意定义的格式,...
C#WebClient下载文件并将其保存到本地指定文件夹
山前山后各有哀愁 有风无风都不自由
03-28 1972
【代码】C#WebClient下载文件并将其保存到本地指定文件夹。
javascript打开选择对话框保存对话框.zip
最新发布
08-22
在浏览器中虽然打开选择对话框和保存文件对话框的功能并不常使用，但有时仍然会用得上，比如一个web版的播放器，让用户选择本地的视频或音频文件等。对于打开选择文件对话框来说，相对比较简单，只需要在页面内放一...
打开保存对话框应用
10-10
在IT行业中，"打开保存对话框应用"是一个常见的功能，特别是在桌面应用程序或Web应用程序中，它允许用户选择要打开或保存的文件。本主题将深入探讨这个功能的实现及其相关技术，主要关注如何在Windows环境下使用C#...
Vb 用Webbrowser打开Office时不提示打开、保存对话框 注册一下.zip
03-14
在本文中，我们将深入探讨如何在C#环境中使用WebBrowser控件来打开和操作Office文件，同时避免弹出打开或保存对话框。这涉及到对Windows注册表的修改，以实现更流畅的用户体验。 首先，`WebBrowser`控件是.NET ...
js弹出保存对话框
08-26
2. **Node.js服务器端**：如果应用是基于服务器的，可以在服务器端实现文件保存逻辑，让用户下载文件到指定位置。 3. **第三方库**：利用一些第三方库，如jQuery File Upload等，它们提供了更丰富的文件操作功能，...
ASP.NET(C#) Web Api通过文件流下载文件的实例
10-22
` 使用`FileStream`类打开文件并设置模式为`FileMode.Open`，这表示我们打算读取文件。 3. 创建`HttpResponseMessage`：`HttpResponseMessage response = new HttpResponseMessage(HttpStatusCode.OK);` 初始化一个...
web选择文件保存路径
04-22
web选择文件保存路径的方式，大致分为两种，大家可以下来了了解一下，个人表示第一种比较好用
selenium或webbrowser在浏览器下载文件，提示打开或保存提示框的处理办法——通过键盘发送快捷键处理。
xiaoguangli2013的博客
08-25 1088
import win32api import win32con time.sleep(2) #alt+s快捷键 win32api.keybd_event(0x12, 0, 0, 0) #按下alt win32api.keybd_event(83, 0, 0, 0) #按下s win32api.keybd_event(83, 0, win32con.KEYEVENTF_KEYUP, 0) #松开s win32api.keybd_event(0x12, 0, win32con.KEYEVENTF_KEYUP,
Unity WebGL | Exe OpenFile Dialog——Unity文件对话框的实现
穿裤子的云
01-09 560
Unity如何实现Open File Dialog（打开文件对话框）或者Save File Dialog（保存文件对话框）
使用Web前端技术开发桌面应用---Electron 选择文件对话框
CreatorRay的博客
02-25 942
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 这期博客开始我们讲解Electron下的对话框操作，对话框一般会有选择文件对话框，保存文件对话框和确认对话框。这节我们先来学习文件选择对话框的相关操作。 对话框相关API讲解 我们先来看一下打开对话框的相关API，打开文件选择对话框可以使用dialog.showOpenDialog()方法来打开，它有两个参数，一个是设置基本属性，另一个是回调函数，如果是异步可以使用then来实现。 title ： Strin.
(原创）OpenDialog控件在WEB上的应用
鱼的天堂与地狱
08-19 3938
作者：死在水中的鱼(死鱼)以前老觉得FORM里的FILE按钮不够完美，因为它没有FILTER，所以一打开窗口就全部文件也给显示出来。于是调用了系统的OpenDialog控件，这样以后写上传文件时就能够的显得个性化了。。但只对WIN系统有用！！！测试代码如下：直接保存为一个HTM文件即可以看效果 OpenDialog控件测试 http://activex.microsoft.com/co
javaWeb_新闻发布
m0_67771087的博客
03-30 116
1、创建序列# create sequence 序列名 increment by 1 start with 1 maxvalue 999999999; 2、创建触发器# create or replace trigger 触发器名 before insert on 表名 for each row declare -- local variables here begin SELECT 序列名.Nextval INTO :NEW.自增列 FROM D...
Revit(15)-FileSaveDialog与FileOpenDialog-文件保存对话框与打开文档对话框
杨勇博客之家
05-17 529
系列文章目录 Revit开发中异常记录 Revit (1) - CAD - 获取图层 Revit (2) - CAD - 获取CAD文字 Revit (3) - 二开 -创建柱子 Revit (4) - 二开 -批量创建柱子 Revit (5) - 二开 -创建墙体 Revit (6) - Teigha - LayerTable Revit (7) - Teigha - BlockTable Revit(8)-数据结构-类别、族概念 Revit(9)-元素-元素的获取 Revit(10)-参数-参数的获取与
C# 控制台、Winform、Web网站更改文件保存（下载）路径（更改输出路径）
lmttlw的博客
05-13 1041
控制台程序和Winform程序： 因为新项目文件默认是保存在bin/Debug目录里的，所以我们无论是获取文件还是保存文件都很不方便，故写了代码来修改他的默认路径 string oldPath = Environment.CurrentDirectory;//C:*****\******\Desktop\Script\Demos\Demo20220512\Demo20220512\Demo20220512\bin\Debug string newPath
ASP.NET中通过对话框方式下载文件
piaoyi_online的专栏
07-26 1982
ASP.NET通过对话框方式下载文件1 通过探出对话框提示文件下载或打开 [] 2 通过自定义Header让特定的应用程序打开文件  使用的方法：Response.TransmitFile() 例程： [] Response.ContentType = “image/jpeg”;Response.AppendHeader(“Content-Dispositi
web Form中的A标签可以打开本地文件吗
05-29
需要注意的是，如果用户选择打开文件，会使用用户默认关联的程序打开该文件，而不是Web浏览器。 以下是一个示例代码，用于在Web Form中打开本地文件： ```html <a href="file:///C:/path/to/your/file.txt">Open ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值