input(type="file")+Handler(一般处理程序)上传文件简单Demo

 

              最近两天在做本地图片上传和网络图片读取,刚开始从kindEditor里面拿了一个,但是框架的JS确实是比较多,所以领导大人又让前台妹子拿DIV画了一个静态页面。前前后后可真有时间。。。

                下面拿出核心代码来聊聊:

            首先,页面上:

             

 <form action="Handler1.ashx" method="post" enctype="multipart/form-data">
            选择要上传的图片:<input type="file" name="fileUp" />
            <input type="submit" value="上传" />
     </form>

         指定form提交的地址,method,和enctype(这个一定要写);

         接着,就是提交到handler里面的处理的方法:

          

public void ProcessRequest(HttpContext context)
        {
            //前面一堆验证,此处省略500行。。。。

            HttpPostedFile imgFile = context.Request.Files["fileUp"];
            string newFileName = DateTime.Now.ToString("yyyy-MM-dd") + System.IO.Path.GetExtension(imgFile.FileName).ToLower();
            imgFile.SaveAs(@"F:\" + newFileName);

            //此处省略成功时返回的JSON数据赋值
            context.Response.AddHeader("Content-Type", "text/html; charset=UTF-8");

            //此处省略输出过程
            context.Response.End(); 

        }

         额,,先到这里吧,到现在还是比较侧重后台的东西,前面的JS被N+1个前台妹子叔叔大哥改过,才出来那个框架的效果,多多锻炼吧。。。。

时间: 2015-03-26

input(type=&quot;file&quot;)+Handler(一般处理程序)上传文件简单Demo的相关文章

&amp;amp;lt;input type=&amp;amp;quot;file&amp;amp;quot; &amp;amp;gt;如何实现上传文件到服务器

问题描述 <input type="file" >如何实现上传文件到服务器 <form method="post" enctype="multipart/form-data" id="UpLoad"> <div> <input type="file" id="upFile" name="upFile"> </div

js 实现 input type=&amp;quot;file&amp;quot; 文件上传示例代码_javascript技巧

在开发中,文件上传必不可少,<input type="file" /> 是常用的上传标签,但是它长得又丑.浏览的字样不能换,我们一般会用让,<input type="file" />隐藏,点其他的标签(图片等)来时实现选择文件上传功能. 看代码: 复制代码 代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <he

js 获取、清空input type=&amp;quot;file&amp;quot;的值(示例代码)_javascript技巧

上传控件(<input type="file"/>)用于在客户端浏览并上传文件,用户选取的路径可以由value属性获取,但value属性是只读的,不能通过 javascript来赋值,这就使得不能通过value=""语句来清空它.很容易理解为什么只读,如果可以随意赋值的话,那么用户只要打开你的网页, 你就可以随心所欲的上传他电脑上的文件了. js 获取<intput type=file />的值 复制代码 代码如下: <html>

from表单上传文件-type=&amp;amp;quot;file&amp;amp;quot;文件上传在IPhone上调用相机

问题描述 type="file"文件上传在IPhone上调用相机 <input type="file" class="input" name="file" id="inpitFile"/> 上传文件在IPhone中调用的是相机而不是选择文件 解决方案 最后的解决方案:允许上传图片 解决方案二: http://blog.csdn.net/l30961171/article/details/4635

js获取判断上传文件input=file后缀名的例子

例子  代码如下 复制代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=

解决IE浏览器input file隐藏不能上传文件问题

又是IE的一个问题,近来是跟IE浏览器磕上了,这个问题发现不少人也遇到过,实在蛋疼.但今天这个不能算是一个bug,因为IE可能是从安全角度上考虑结果导致的.一步步来解读. 普通上传例子 首先普通的文件上传呢,很简单,前端代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>file标签隐藏</title> </head> &l

html5 上传图片按钮type=file,会提示“只能上传sd卡中的文件!”

问题描述 html5 上传图片按钮type=file,会提示"只能上传sd卡中的文件!" html5 上传图片按钮type=file,在安卓机上选择sd卡中的图片上传,会提示"只能上传sd卡中的文件!" 解决方案 是你自己写的js代码提示的还是系统自动提示的,自己看下js代码是不是判断了路径什么的 解决方案二: 看下js代码是不是判断了路径什么的

PHP文件上传判断file是否己选择上传文件的方法_php技巧

本文实例讲述了PHP文件上传判断file是否己选择上传文件的方法.分享给大家供大家参考.具体方法如下: 一个合格的程序员在实现数据入库中时我们都会有一些非常严密的过滤与数据规则,像我们文件上传时在前段要判断用户是否选择上传文件同时在后台也可判断是否有上传的文件,本文实例即对此做一较为深入的分析. 如下html代码所示: 复制代码 代码如下: <form action="?" method="post" enctype='multipart/form-data'

JS中INPUT上传文件类型限制代码

在客户端进行验证    代码如下 复制代码 <script   Language="JavaScript"   Type="text/javascript"> <!-- function   picForm_Validator(myform) { if(document.all.file1.value=="")         {                 alert("请选择上传的照片!");