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

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

 


              最近两天在做本地图片上传和网络图片读取,刚开始从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个前台妹子叔叔大哥改过,才出来那个框架的效果,多多锻炼吧。。。。








目录
相关文章
|
4月前
项目中使用antd中的upload组件file对象到底是info.file还是info.file.originFileObj_坑
在Ant Design的Upload组件中,`onChange`事件处理函数接收一个对象参数,其中`file`字段在不同情况下可能是一个File对象或包含`originFileObj`属性的对象。为了兼容,可以使用`info.file.originFileObj ? info.file.originFileObj : info.file`来确保获取到原始的File对象。官方建议这种写法,并将在未来的大版本中统一返回包含`originFileObj`属性的对象。
163 1
项目中使用antd中的upload组件file对象到底是info.file还是info.file.originFileObj_坑
|
8月前
|
缓存 JavaScript
报错:cannot read properties of undefined “reading url“
报错:cannot read properties of undefined “reading url“
188 6
|
8月前
|
PHP
文件上传--Upload-labs--Pass02--Content-Type绕过
文件上传--Upload-labs--Pass02--Content-Type绕过
|
8月前
|
安全 PHP
文件上传--Upload-labs--Pass19--move_upload_file()函数特性
文件上传--Upload-labs--Pass19--move_upload_file()函数特性
|
8月前
Excel上传出错:TypeError [ERR_INVALID_ARG_TYPE]: The “path“ argument must be of type string or an instan
Excel上传出错:TypeError [ERR_INVALID_ARG_TYPE]: The “path“ argument must be of type string or an instan
成功解决报错:editor does not contain a main type
成功解决报错:editor does not contain a main type
input type=file过滤图片
input type=file过滤图片
65 0
|
算法 JavaScript
你不知道的<input type="file">的小秘密
你不知道的<input type="file">的小秘密
你不知道的<input type="file">的小秘密
ADI
|
JavaScript 前端开发 API
[记录] input[type=file]属性详解
[记录] input[type=file]属性详解
ADI
345 0