asp.net上传文件

第一种方法

前端:

<div>

单文件上传

<form enctype="multipart/form-data" method="post" action="upload.aspx">

<input type="file" name="files" />

<input type="submit" value="上传" />

</form>

</div>

后端:

using System;

using System.Collections.Generic;

using System.IO;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class upload_upload : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

HttpContext context = HttpContext.Current;

context.Response.ContentType = "text/plain";

//获取所有的上传文件

//如果上传的文件超过了4M,则会报异常[超过了最大请求长度。],需要在Web.config配置

HttpFileCollection hfc = context.Request.Files;

//如果是hfc.Count为0,则可以认为是直接请求该ashx处理程序

for (int i = 0; i < hfc.Count; i++)

{

HttpPostedFile hpf = hfc[i];

if (hpf.ContentLength > 0)

{

//大小限制

int maxSize = 2 * 1024 * 1024; //最大是2M(转换为字节)

if (hpf.ContentLength > maxSize)

{

context.Response.Write("上传文件大小超出限制");

return;

}

//扩展名限制

string[] exts = { "image/jpg", "image/jpeg", "image/gif", "image/png" };

if (!exts.Contains(hpf.ContentType.ToLower()))

{

context.Response.Write("必须上传图片文件");

return;

}

string fileName = Path.GetFileName(hpf.FileName);

hpf.SaveAs(context.Server.MapPath("~/upload/" + fileName));

}

}

获取指定name的文件上传

该方式如果是html5的<input type="file" name="files" multiple />则始终是获取第一个上传的文件,multiple

是支持多个文件上传,所以如果上传文件多于一个,则会丢失

//HttpPostedFile hpf = context.Request.Files["files"];

//if (hpf!= null && hpf.ContentLength > 0)

//{

// hpf.SaveAs(context.Server.MapPath("~/UpLoad/" + Path.GetFileName(hpf.FileName)));

//}

context.Response.Write("上传成功");

}

}

第二种方法

前端(1)

<div id="divImg">

<input type="file" class="file" name="file" multiple="multiple" id="file"/>

<button type="button" οnclick="uploadFile()">上传</button>

</div>

js

function uploadFile(){

let files = $("#file").prop("files");

let formData = new FormData();

// 对每个文件进行循环处理

for (let i = 0; i < files.length; i++) {

let file = files[i];

// 添加文件到formData

formData.append('files['+i+']', file, file.name);

}

$.ajax({

url: ctx + "/file/upload",

type: 'POST',

data: formData,

processData: false,

contentType: false,

async: false,

cache: false,

success: function(data) {

console.log(data);

}

});

}

前端(2)

js

<form id="fileUploadForm" enctype="multipart/form-data">

<input type="file" id="fileInput">

<button type="submit">上传</button>

</form>

<script>

$(document).ready(function() {

$('#fileUploadForm').submit(function(e) {

e.preventDefault();

var fileInput = document.getElementById('fileInput');

var file = fileInput.files[0];

var reader = new FileReader();

reader.onload = function(e) {

var fileData = e.target.result;

var formData = new FormData();

formData.append('file', file);

$.ajax({

url: 'upload.php',

type: 'POST',

data: formData,

processData: false,

contentType: false,

success: function(response) {

console.log(response);

},

error: function(xhr, status, error) {

console.error(error);

}

});

};

后端同每一种方法

相关推荐
转转技术团队14 分钟前
多代理混战?用 PAC(Proxy Auto-Config) 优雅切换代理场景
前端·后端·面试
南囝coding15 分钟前
这几个 Vibe Coding 经验,真的建议学!
前端·后端
阿杆17 分钟前
服务一挂就手忙脚乱?教你用 Amazon Lambda 打造 0 成本服务监控!
后端·自动化运维
德育处主任44 分钟前
在亚马逊云上,如何基于 VPC IPAM 的 ALB 公网 IP 预测分配?
后端
不吃肉的羊1 小时前
PHP设置文件上传最大值
后端·php
专注物联网全栈开发1 小时前
ESP32的IRAM用完了怎么优化
后端
雨落倾城夏未凉1 小时前
7.QObject定时器和QTimer定时器的区别
后端·qt
洗澡水加冰1 小时前
RAG系统工程化
后端·aigc
paopaokaka_luck1 小时前
智能推荐社交分享小程序(websocket即时通讯、协同过滤算法、时间衰减因子模型、热度得分算法)
数据库·vue.js·spring boot·后端·websocket·小程序
程序员NEO2 小时前
Spring AI 对话记忆大揭秘:服务器重启,聊天记录不再丢失!
人工智能·后端