写这个纯属是给自己一个记忆啦

一.前台的代码以及调用的js

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>上传</title>
<script src="jquery-1.4.1.min.js"></script>
<script src="ajaxfileupload.js"></script>
</head>
<body>
<div class="am-u-md-4"> <!-- 文件显示的地方-->
<img id="imgShow1" alt="" class="am-img-circle am-img-thumbnail" src="../../Tools[NO]pic.png" />
</div>
<div class="am-form-group">
<input id="fileUploadChange" runat="server" name="browse" onchange="ajaxFrontCoverUpload1();" style="width: 50%" type="file" />
<input id="fileUploadChangeId" runat="server" type="hidden" value="" /> <!--图片上传--> <!--隐藏一个input存放图片的ID-->
<p class="am-form-help">此处选择要上传的产品大图...</p>
</div>
</body>
</html>
<script>
//异步上传大图
function ajaxFrontCoverUpload1() { //检测要上传的是不是图片文件
var filePath = $("#fileUploadChange").val();
if (filePath != "") {
var extName = filePath.substr(filePath.lastIndexOf('.') + , filePath.length - filePath.lastIndexOf('.'));
if (extName != "jpg" && extName != "bmp" && extName != "png" && extName != "jpeg" && extName != "gif") {
alert("图片必须是bmp,png,jpeg,jpg,gif格式的文件!");
return;
}
}
//上传图片操作
$.ajaxFileUpload
(
{
url: '../UploadImageHandler.ashx',
secureuri: false, //是否需要安全协议
fileElementId: 'fileUploadChange', //上传控件id
type: 'POST',
dataType: "text",
success: function (data) {
var code = data.substring(, );
if (code == "") {
var filePath = data.substring();
filePath = filePath.replace("\\", "/");
$("#fileUploadChangeId").val(filePath);//将文件路径存放在隐藏域中
$("#imgShow1").attr("src", filePath);
alert("上传成功!");
} else {
alert(data);
}
}
}
)
return false;
}
</script>

二.一般处理程序

<%@ WebHandler Language="C#" Class="UploadImageHandler" %>

using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Web;
using System.Web.SessionState; public class UploadImageHandler : IHttpHandler { public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
if (context.Request.Files.Count > )
{
HttpPostedFile file = context.Request.Files[];
if (file.ContentLength > )
{
string suffix = file.FileName.Substring(file.FileName.LastIndexOf('.'));//后缀
if (!suffix.ToLower().Contains(".bmp") && !suffix.ToLower().Contains(".png") && !suffix.ToLower().Contains(".jpeg") &&
!suffix.ToLower().Contains(".jpg") && !suffix.ToLower().Contains(".gif"))
{
context.Response.Write("图片格式必须以下格式:bmp,png,jpeg,jpg,gif");
return;
} try
{
string filePath = (@"~/Image/") + DateTime.Now.ToString("yyyyMMdd") + "/" + DateTime.Now.ToString("HHmmssfff");
Directory.CreateDirectory(context.Server.MapPath(filePath));
string fileFullName = filePath + "/" + file.FileName;
file.SaveAs(context.Server.MapPath(fileFullName));
string json = "{\"msg\":\"" + fileFullName + "\",code:\"10000\"}";
context.Response.Write("1_" + fileFullName);
return;
}
catch (Exception ex)
{
context.Response.Write(HttpUtility.HtmlEncode(ex.Message));
return;
}
}
context.Response.Write("请选择要上传的文件!");
return;
}
context.Response.Write("请选择要上传的文件!");
return;
} public bool IsReusable {
get {
return false;
}
} }

无刷新上传图片以及使用C#语言的更多相关文章

  1. nodejs利用ajax实现网页无刷新上传图片

    nodejs利用ajax实现网页无刷新上传图片 标签(空格分隔): nodejs 通常情况下上传图片是要通过提交form表单来实现的,但是这又不可避免的产生了网页转. 利用ajax技术和FormDat ...

  2. php无刷新上传图片和文件

    核心思想:通过Html的iframe标签属性操作顶级窗口,再用php动态无刷新上传图片文件. 示例如下: demo |------uploads #存放上传的文件 |------index.php | ...

  3. 使用SWFUpload无刷新上传图片

    使用SWFUpload组件无刷新上传图片 在做项目时,需要用到一个图片的无刷新上传,之前听说过SWFUpload,于是想要通过SWFUpload来进行图片的无刷新上传,由于我的项目属于是ASP.NET ...

  4. Thinkphp框架 -- ajax无刷新上传图片

    用Thinkphp框架做无刷新上传图片 视图层 View <!doctype html> <html lang="en"> <head> < ...

  5. ajaxFileUpload.js 无刷新上传图片,支持多个参数同时上传,支持 ie6-ie10

    /* 131108-xxj-ajaxFileUpload.js 无刷新上传图片 jquery 插件,支持 ie6-ie10 依赖:jquery-1.6.1.min.js 主方法:ajaxFileUpl ...

  6. TP3.2:实现Ajax无刷新上传图片

    1.基于TP3.2+ajaxfileupload进行无刷新上传图片,本次只上传一张,多张以后搞出来再发 2.效果:   3.html代码: <html> <head> < ...

  7. 无刷新上传图片,ajax 和 iframe

    iframe 上传 upload.html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 ...

  8. ajax无刷新上传图片

    页面: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> & ...

  9. js无刷新上传图片,服务端有生成缩略图,剪切图片,iphone图片旋转判断功能

    html: <form action="<{:AppLink('circle/uploadimg')}>" id="imageform" me ...

随机推荐

  1. IntelliJ IDEA 13.1.3 SVN无法正常使用问题

    http://my.oschina.net/luckyi/blog/291007 最新升级IDEA12到13版本,升级后发现IDEA中SVN无法正常使用,但文件夹下能够正常使用. 并且报错:svn: ...

  2. TP Rate ,FP Rate, Precision, Recall, F-Measure, ROC Area,

    TP Rate ,FP Rate, Precision, Recall, F-Measure, ROC Area, https://www.zhihu.com/question/30643044 T/ ...

  3. L1&L2 Regularization

    正则化方法:防止过拟合,提高泛化能力 在训练数据不够多时,或者overtraining时,常常会导致overfitting(过拟合).其直观的表现如下图所示,随着训练过程的进行,模型复杂度增加,在tr ...

  4. 使用Eclipse的JUnit实例

    在本节中,我们将展示使用JUnit的一个完整的例子.我们将详细了解如何创建和运行测试,我们将展示如何使用特定的注释和JUnit断言. 1. 初始步骤 让我们创建一个名为 JUnitGuide 的Jav ...

  5. 114ic电子元器件网

    http://www.114ic.cn/datasheet-pdf/TPA0211DGN-163932.html

  6. zabbix 配置SNMP监控

    什么是SNMP? 简单网络管理协议(SNMP),由一组网络管理的标准组成,包含一个应用层协议(application layer protocol).数据库模型(database schema)和一组 ...

  7. zabbix server端自动发现和zabbix agent端自动注册

    一.zabbix自动发现 利用zabbix的discovery功能可以实现自动批量添加主机的功能. Zabbix自动发现实现自定义主机名: 通过自动发现添加的客户端主机的Host name 是以IP地 ...

  8. 洞悉linux下的Netfilter&iptables:什么是Netfilter?

    本人研究linux的防火墙系统也有一段时间了,由于近来涉及到的工作比较纷杂,久而久之怕生熟了.趁有时间,好好把这方面的东西总结一番.一来是给自己做个沉淀,二来也欢迎这方面比较牛的前辈给小弟予以指点,共 ...

  9. hive cst 时间转换

    select from_unixtime(unix_timestamp(r.collecttime,'EEE MMM dd HH:mm:ss zzz yyyy'),'yyyy-MM-dd HH:mm: ...

  10. VS2012:升级Update2和Update3均告损坏,重装方法

    My steps (after backing up everything before deleting it): 1. Uninstalled VS2012 Pro from Windows 8 ...