C#文件ashx（四）实现图片上传+支持多图上传

最新推荐文章于 2021-05-10 16:50:02 发布
最新推荐文章于 2021-05-10 16:50:02 发布
阅读量2.5k 收藏 7
点赞数 2
分类专栏： C#技术
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nzzl54/article/details/88550346
版权

掉了稍多坑，终于是能正常上传图片和保存了（gif的格式暂时存储成了jpg，现在只考虑静态图片部分），先上丑丑的效果图，点击图上的“+”号可以新增

后台存储图片路径pfb/UploadFiles：

 一、前端页面+CSS文件+js文件：选择图片后，将图片转成流通Ajax去请求后台（这里传入图片类型，用来区分是png还是jpg或者其他文件）

1、html:和jq相关的库网上可以下载

<!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="Content-Type" content="text/html; charset=utf-8" />
<title>图片上传测试</title>
<link href="upload2/demo.css" rel="stylesheet"/>
<link rel="Shortcut icon" href="http://www.jq22.com/favicon.ico" />
<script src="jq/jquery.min.js"></script>
<script src="upload2/jquery.qrcode.min.js"></script>
<script src="upload2/compressFile.js"></script>
<style>
body{ background:#FFF;padding:10px;}
p {  text-indent:2em; }
font-test { color:#F00; }
.div-contract { height: 80px;}  
.div-content { }
.inpt{  border:none;border-bottom:1px solid #999;}
.inpt-red { border:none; border-bottom:1px solid #F00}
.noborder  {  border:none; }
.bold { font-weight:bold }
</style>
</head>

<body>
<div class ="body-div-all">
<font style="color:#FF0000">测试</font>
<div class = "div-contract">
<table class = "noborder" align="left">
<tr >
<td class = "bold" align="left">测试编号：<input type="text" name="contractCode" class="inpt"></td>
</tr>
<tr >
<td class = "bold" align="left">测试地点：<input type="text" name="contractSignPlace" class="inpt"></td>
</tr>
<tr >
<td class = "bold" align="left">测试时间：<input type="text" name="contractSignYear" class="inpt">年
<input type="text" name="contractCode" class="inpt">月
<input type="text" name="contractSignDay" class="inpt">日</td>
</tr>
</table>

</div>

<!--开始-->
<div style = " display:block;">
<div>
<input type="file" style="display: none" name="input_0" accept
最低0.47元/天 解锁文章
星旅zl
关注
  • 2
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
C# 实现多图片上传
nanqing
12-14 6346
using System;using System.Collections;using System.ComponentModel;using System.Data;using System.Drawing;using System.Web;using System.Web.SessionState;using System.Web.UI;using System.Web.UI.WebContr
利用ashx文件实现文件的上传功能
HerryDong的博客
09-05 3150
原来以为文件上传是一个比较简单的功能，结果搞了一个晚上才搞定~这里主要介绍两种方法实现。 方法一：Form表单提交 html代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>上传文件</title> <script ...
ASP.NET ASHX 一般处理程序教程
weixin_30757793的博客
09-08 831
你不想创建一个普通ASP.NET的Web窗体页。而又要通过一个查询字符串返回一个动态的图片、XML或者非HTML网页。这是一个用C#编程语言编写的使用ASHX(一般处理程序)的简单教程。 简介 首先，我们来回顾一下使用ASHX文件的目的。也许我们想在URL中使用这个ASHX文件动态的返回数据内容。我们使用的URL查询字...
ashx 绝对路径得到物理路径
weixin_30252155的博客
06-05 314
//先得到模板页所在的路径 string phyPath = context.Server.MapPath("/p02style.html"); //得到模板的所有内容 string str = System.IO.File.ReadAllText(phyPath); //读取母版页 ...
ashx 文件怎么用
11-16 2801
本文导读：ashx是什么文件,如何创建 .ashx 文件用于写web handler的。其实就是带HTML和C#的混合文件。.ashx文件类似于.aspx文件，可以通过它来调用HttpHandler类，从而免去了普通.aspx页面的控件解析以及页面处理的过程。 一、ashx文件的添加 打开你的ASP.NET web site；右击项目选择 “Add New Item...”；将显示
C#Webservice+微信小程序上传多个文件
12-25
本话题主要探讨如何使用C#编写Webservice来接收微信小程序上传的多个文件，这在移动应用开发中是一个常见的需求。微信小程序作为轻量级的应用平台，需要与服务器进行数据交互，而文件上传就是其中一种关键功能。 ...
Ajax无刷新上传图片。（jquery + c# ashx），生成缩略图等
05-23
本文将深入探讨如何使用jQuery库结合C#的ASHX处理程序实现图片的无刷新上传，并生成缩略图。首先，我们需要理解Ajax的核心原理，它是Asynchronous JavaScript and XML（异步JavaScript和XML）的缩写，但现在更多地与...
HTML+ASHX上传传图片.zip
04-12
HTML和ASHX是两种在Web开发中用于处理文件上传的技术。HTML主要负责用户界面...实际应用中，还需要根据项目需求进行扩展和优化，比如添加图片预览、进度条展示等功能，或者整合其他高级特性如多文件上传、断点续传等。
ajax+ashx完整上传图片示例,可回显
03-20
在Web开发中，图片上传是一项常见的功能，而Ajax技术与ASHX（HTTP Handler）结合可以实现异步无刷新的图片上传，并且支持回显显示已上传的图片。下面将详细介绍这个"ajax+ashx完整上传图片示例,可回显"的实现方式。 ...
WebUploader 图片上传插件 前后端 C#代码
07-24
在实际应用中，你可能还需要考虑更多的细节，比如图片的缩略图生成、文件大小限制、文件类型验证、错误处理等。同时，为了确保安全性，你可能需要使用HTTPS，以及对上传文件进行安全检查，防止恶意文件的上传。 总...
java大文件(百M以上)的上传下载问题
weixin_45525177的博客
09-17 623
javaweb上传文件 上传文件的jsp中的部分 上传文件同样可以使用form表单向后端发请求，也可以使用 ajax向后端发请求 1.通过form表单向后端发送请求 <form id="postForm"action="${pageContext.request.contextPath}/UploadServlet"method="post"enctype="multipart/form-data"> <div class...
c# asp.net利用ajax和ashx文件进行交互
weixin_41053472的博客
05-10 1376
c# asp.net利用ajax和ashx文件进行交互 .ashx 文件用于写web handler的。.ashx文件与.aspx文件类似，可以通过它来调用HttpHandler类，它免去了普通.aspx页面的控件解析以及页面处理的过程。其实就是带HTML和C#的混合文件。 .ashx文件适合产生供浏览器处理的、不需要回发处理的数据格式，例如用于生成动态图片、动态文本等内容。 新建一个ashx文件，名字为handler2.ashx,内容如下 <%@ WebHandler Language="C#" C
ajax+ashx上传图片
yuqiz1981的博客
02-22 1704
HTML 上传图片 CSS .file { position: relative; display: inline-block; background: #D0EEFF; border: 1px solid #99D3F5; border-radiu
ashx对上传图片的处理
卷猫的博客
07-05 811
/// /// UploadFile 的摘要说明 /// public class UploadFile : IHttpHandler { public void ProcessRequest(HttpContext context) { context.Response.ContentTyp
使用ashx文件生成验证码图片
微风
04-16 329
在asp.net中可以直接创建.ashx文件，其项目叫做一般处理程序，.ashx文件一般用来处理只有返回，二一般不回传的数据，比如动态生成图片，或者文字，以下为清清月儿博客上转载的一个用ashx动态生成验证码图片的代码。 //绘制验证码图片ValidateImageHandler.ashx 1   2   3 using System;  4 using System.Web;
ASP.NET(C#)实现一次性动态上传多张图片的代码（多个文件）
热门推荐
chelen_jak的专栏
09-19 1万+
原文出处：http://www.jb51.net/article/28538.htm 我们就要让这些文件上传框动态添加，下面我以我做的一个图库管理中的上传图片的功能为例 在做asp.net的Web开发的时候，我们经常会遇到一次性上传多个文件的需求。通常我们的解决方法是固定放多个上传文件框，这样的解决办法显然是不合理的，因为一次上传多个，就意味着数量不确定。因此我们就要让这些文件上
kso经验记录 -- ashx+ajax实现图片上传以及实战应用
kso的博客
12-18 196
ajax的图片上传的好处 实现静态无刷新，来进行上传，用户体验度极好 这里用了一个<script src="js/jquery.form.js"></script>一个上传插件，特别好用，而且非常简单。 html代码 <html> <head runat="server"> <title>ajax图片上传</title&gt...
js+ashx批量上传图片压缩图片大小
最新发布
12-21
根据提供的引用内容，可以使用js+ashx来实现批量上传图片并压缩图片大小的功能。以下是一个简单的示例代码： 1. HTML页面部分： ```html <input type="file" id="fileInput" multiple> <button onclick="upload()">上传</button> ``` 2. JavaScript部分： ```javascript function upload() { var files = document.getElementById('fileInput').files; var formData = new FormData(); for (var i = 0; i < files.length; i++) { var file = files[i]; formData.append('file', file); } var xhr = new XMLHttpRequest(); xhr.open('POST', 'upload.ashx', true); xhr.onload = function() { if (xhr.status === 200) { console.log('上传成功'); } else { console.log('上传失败'); } }; xhr.send(formData); } ``` 3. Ashx文件部分（upload.ashx）： ```csharp public void ProcessRequest(HttpContext context) { HttpFileCollection files = context.Request.Files; for (int i = 0; i < files.Count; i++) { HttpPostedFile file = files[i]; // 在这里进行图片压缩的操作 // ... file.SaveAs(context.Server.MapPath("~/Uploads/" + file.FileName)); } } ``` 请注意，以上代码只是一个简单的示例，实际的图片压缩操作需要根据具体需求进行实现。你可以使用第三方库或自己编写代码来实现图片压缩功能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值