文件上传到服务器 完整代码,上传文件到服务器 前端+后台代码
不是原创,但有必要记录一下,免得每次都找的很辛苦
html
Select a File to Upload
js
function fileSelected() {
var file = document.getElementById('fileToUpload').files[0];
if (file) {
var fileSize = 0;
if (file.size > 1024 * 1024)
fileSize = (Math.round(file.size * 100 / (1024 * 1024)) / 100).toString() + 'MB';
else
fileSize = (Math.round(file.size * 100 / 1024) / 100).toString() + 'KB';
document.getElementById('fileName').innerHTML = 'Name: ' + file.name;
document.getElementById('fileSize').innerHTML = 'Size: ' + fileSize;
document.getElementById('fileType').innerHTML = 'Type: ' + file.type;
}
}
function uploadFile() {
var fd = new FormData();
fd.append("fileToUpload", document.getElementById('fileToUpload').files[0]);
var xhr = new XMLHttpRequest();
xhr.upload.addEventListener("progress", uploadProgress, false);
xhr.addEventListener("load", uploadComplete, false);
xhr.addEventListener("error", uploadFailed, false);
xhr.addEventListener("abort", uploadCanceled, false);
xhr.open("POST", "/Home/ToLead");
//xhr.open("POST", "UploadMinimal.aspx");
xhr.send(fd);
}
function uploadProgress(evt) {
if (evt.lengthComputable) {
var percentComplete = Math.round(evt.loaded * 100 / evt.total);
document.getElementById('progressNumber').innerHTML = percentComplete.toString() + '%';
}
else {
document.getElementById('progressNumber').innerHTML = 'unable to compute';
}
}
function uploadComplete(evt) {
/* This event is raised when the server send back a response */
alert(evt.target.responseText);
}
function uploadFailed(evt) {
alert("There was an error attempting to upload the file.");
}
function uploadCanceled(evt) {
alert("The upload has been canceled by the user or the browser dropped the connection.");
}
C#
///
/// 上传照片
///
///
///
public ActionResult ToLead(HttpPostedFileBase[] fileToUpload)
{
try
{
string FileUrl = string.Empty;
foreach (HttpPostedFileBase file in fileToUpload)
{
string path = System.IO.Path.Combine(Server.MapPath("~/Mers"), System.IO.Path.GetFileName(file.FileName));
file.SaveAs(path);
FileUrl = path;
FileStream Pic = new FileStream(path, FileMode.Open);
byte[] PicByte = new byte[Pic.Length];
Pic.Read(PicByte, 0, (int)Pic.Length);
Pic.Close();
}
return Content("上传成功");
}
catch
{
return Content("上传失败");
}
}
文件上传到服务器 完整代码,上传文件到服务器 前端+后台代码相关推荐
- flex java 上传下载_完整的Flex多文件上传实例
客户端代码:fileUpload.xml-------------------------------------------------------------------------------- ...
- C# 利用AEC算法加密解密实现前台后台安全校验,附前端后台代码示例
最近再新入职公司查看前端登录用ajax请求,发现使用这个AES加密,提升了一定的安全性,也加强了对 对密钥等概念的理解,和体会,所以研究了下记录于此. 关于AES算法解释见https://blog.c ...
- 判断大文件是否上传成功(一个大文件上传到ftp,判断是否上传完成)
大文件上传ftp,不知道有没有上传完成,如果没有上传完成另一个程序去下载这个文件,导致下载不完整. 判断一个文件是否上传完成的方法: /*** 间隔一段时间去计算文件的长度来判断文件是否写入完成* @ ...
- 开源推荐 | 携程 Foxpage 前端低代码框架
作者简介 Jason Wang,携程研发经理,目前主要负责低代码类产品的设计和研发,关注低代码行业的发展及相关解决方案在企业内部的落地. 大厂技术 高级前端 Node进阶 点击上方 程序员成长指北 ...
- 开源 | 携程 Foxpage 前端低代码框架
作者简介 Jason Wang,携程研发经理,目前主要负责低代码类产品的设计和研发,关注低代码行业的发展及相关解决方案在企业内部的落地. 一.背景 随着低代码开发方式被越来越多的人接受和认可,低代码得 ...
- html在线编辑器代码运行,JSRun - 在线JS、HTML编辑器(同时也支持各种后台代码的编辑运行)...
在之前的文章中我介绍了一个在线的前端代码编辑工具:CodePan(点击查看),方便我们编写制作测试页面.代码调试,而免去搭建相关环境的麻烦. 但 CodePan 毕竟是国外的网站,有时使用起来并不是那 ...
- Android工具HierarchyViewer 代码导读(3) -- 后台代码
在上文中,我们讲解了如何把HierarchyViewer的项目导入到Eclipse中,以便更高效阅读代码.本文将讲解HierarchyViewer的后台代码,建议大家可以先阅读<Android工 ...
- Web前端低代码介绍的ppt大纲
在当今快节奏的数字化时代,许多企业都面临着数字化转型的压力.然而,数字化转型往往需要大量的时间和资源来完成复杂的开发过程,这对于许多企业而言可能是一个巨大的挑战.为了解决这个问题,低代码开发应运而生. ...
- java 文件上传到ftp_JAVA技术实现上传下载文件到FTP服务器(完整)
具体详细介绍请看下文: 在使用文件进行交互数据的应用来说,使用FTP服务器是一个很好的选择.本文使用Apache Jakarta Commons Net(commons-net-3.3.jar) 基于 ...
最新文章
- java查看文件夹下文件夹大小,java 获取文件夹大小,文件大小,文件个数
- python 命令行参数-python获取命令行参数的方法(汇总)
- linux系统界面光标不见了---木有了
- win10企业版更新和安全中没有 “恢复”这个选项_通知:微软已强制对Windows 10更新升级...
- canal布在mysql端还是服务端_canal使用入坑,亲测 !!!!
- Q101:真实地模拟一个玻璃酒杯(Wine Glass)(回旋曲面)
- Hbase 命令及配置文件
- 如何打开设置了密码的ZIP文件?
- js转换php时间戳,js和PHP 时间戳与日期转换
- Kindle电子书资源网站汇总
- svn服务器文件保存位置,Windows 部署SVN服务器
- selenium+python实现登QQ邮箱并发送邮件自动化
- LeetCode148经典题目记录(链表排序:快排+递归归并+迭代归并)
- rocketmq错误迁移导致问题排查
- oracle 11g duplicate database基于备份复制数据库(二)
- R——关联规则分析(二 例题:中医证型的关联规则挖掘)
- DNS对网络连通性的影响
- linux游戏模拟器知乎,疯狂周三:異議あり!+TGS参展阵容:卡普空生化危机8,光荣真三新作_STEAM每日资讯_瞅啥网...
- 百度文库----免费复制
- maven settings.xml 文件下载,阿里仓库
热门文章
- 用鸿蒙818芯片的电视有哪些,鸿蒙系统被曝光!首款鸿浩818芯片,华为智慧屏对标小米电视...
- 每日一题--20200428--用牛顿迭代法求根,c语言实现
- @UPC8377 @ACM-ICPC-2018-ASIA YOKAHAMA REGIONAL D: Playoff (DFS)
- Mac 安装brew的正确姿势
- python:随机采样一致性(RANSAC)直线模型拟合原理及代码实现
- python从零到一之基础篇 第 四 章 流程控制语句
- C语言 求n的1-5次方
- 杭电ACM2002题-------C语言
- Sql Server导入Access数据库报不可识别的数据库格式 Microsoft JET Database Engine
- 如何安装ffmpeg,详细安装教程,亲测有效