基础知识，可由此衍生。原文：http://uniapple.net/blog/?p=2050

In this post, I will show you how to upload a file using Ajax (Asynchronous JavaScript and XML) and receive the binary data in Asp.net C#. And it is ultra simple!

1. HTML

<input id="bannerImage" name="bannerImage" type="file"><input οnclick="javascript:uploadfile()" type="button" value="upload">

2. JS

function uploadfile(){var bannerImage = $("#bannerImage").val();if (bannerImage) {var file = document.getElementById('bannerImage').files[0];var formData = new FormData();formData.append(file.name, file);var xhr = new XMLHttpRequest();var url = "/Category/UpdateBannerImage";xhr.open('POST', url, true);xhr.onload = function (e) {var response = $.parseJSON(e.target.response);console.log(response.fileName);};xhr.send(formData);  // multipart/form-data}
}

(Sending Binary Data)

3. C#, Receiving binary data

public JsonResult UpdateBannerImage()
{HttpPostedFileBase bannerImage = Request.Files[0] as HttpPostedFileBase;if (bannerImage != null && bannerImage.ContentLength > 0){var fileName = Path.GetFileName(bannerImage.FileName);fileName = Regex.Replace(fileName, @"\s|\$|\#\%", "");var path = Path.Combine(Server.MapPath("~/images/category_banners"), fileName);bannerImage.SaveAs(path);return Json(new { success = false ,error = false, message = "Image has been updated successfully", fileName = fileName });}else{return Json(new { success = true, error = "File is empty" });}
}

转载于:https://www.cnblogs.com/walkerwang/p/3551647.html

Uploading File using Ajax and receiving binary data in Asp.net (C#)[转]相关推荐

Sending and Receiving Binary Data
responseType属性可以设置server返回字节的解析类型.比如"arraybuffer", "blob", "document", ...
String or binary data would be truncated
提示:String or binary data would be truncated. 步骤:在执行插入语句时,会提示上面的error. 原因:是因为数据库中定义的字段长 ...
[Microsoft][ODBC SQL Server Driver][SQL Server]String or binary data would be truncated.
Microsoft OLE DB Provider for ODBC Drivers 错误 '80040e57' [Microsoft][ODBC SQL Server Driver][SQL Ser ...
xampp Setting file ‘D:\E\develop_software\xampp\mysql\data\ibtmp1‘ size to 12 MB. Physically writing
安装xampp,启动mysql,出现以下报错 InnoDB: using atomic writes. 2022-06-23 9:18:29 0 [Note] InnoDB: Mutexes and ...
SQL：String or binary data would be truncated
SQL数据库提示:String or binary data would be truncated 背景步骤:在执行插入语句时,会提示上面的error. 原因:是因为数据库中定义的字段长度比较小,在插 ...
CYQ.Data、ASP.NET Aries 百家企业使用名单
如果您或您所在的公司正在使用此框架,请联系左侧的扣扣,告知我信息,我将为您添加链接: 以下内容为已反馈的用户,(收集始于:2016-08-08),仅展示99家: 序号企业名称企业网址备注 1 山 ...
《ASP.NET AJAX程序设计第I卷服务器端ASP.NET AJAX Extensions与ASP.NET AJAX Control Toolkit》目录（最终定稿）...
第一二卷都比较简单,特别是第一卷,讲的都是服务器端控件.第二卷是客户端部分,第三卷是高级内容,包括调试.性能.部署.控件开发.源代码结构.用户体验.心理学模型等等-- 第一卷争取在四月份出版,谢谢各位 ...
jquery file upload ajax上传图片简单使用
为什么80%的码农都做不了架构师?>>> 最近要在做后台的图片上传,要用ajax异步上传图片,原生js实现很难 jquery file upload 插件很轻松就完成了 < ...
ajax传值的url,JQuery ajax url传值与data传值的区别
url传中文,乱码,即便charset为 UTF-8, $.ajax({ type: "POST", cache: false, url: "/ProductTypeAn ...
ajax function不执行,ajax的success: function (data)不执行怎么回事？
我有如下js函数 function poll() { console.log("id is: " + "${id}"); var id = "${id ...

Uploading File using Ajax and receiving binary data in Asp.net (C#)[转]

1. HTML

2. JS

3. C#, Receiving binary data

Uploading File using Ajax and receiving binary data in Asp.net (C#)[转]相关推荐

最新文章

热门文章