不是原创,但有必要记录一下,免得每次都找的很辛苦

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("上传失败");

}

}

文件上传到服务器 完整代码,上传文件到服务器 前端+后台代码相关推荐

  1. flex java 上传下载_完整的Flex多文件上传实例

    客户端代码:fileUpload.xml-------------------------------------------------------------------------------- ...

  2. C# 利用AEC算法加密解密实现前台后台安全校验,附前端后台代码示例

    最近再新入职公司查看前端登录用ajax请求,发现使用这个AES加密,提升了一定的安全性,也加强了对 对密钥等概念的理解,和体会,所以研究了下记录于此. 关于AES算法解释见https://blog.c ...

  3. 判断大文件是否上传成功(一个大文件上传到ftp,判断是否上传完成)

    大文件上传ftp,不知道有没有上传完成,如果没有上传完成另一个程序去下载这个文件,导致下载不完整. 判断一个文件是否上传完成的方法: /*** 间隔一段时间去计算文件的长度来判断文件是否写入完成* @ ...

  4. 开源推荐 | 携程 Foxpage 前端低代码框架

    作者简介 Jason Wang,携程研发经理,目前主要负责低代码类产品的设计和研发,关注低代码行业的发展及相关解决方案在企业内部的落地. 大厂技术  高级前端  Node进阶 点击上方 程序员成长指北 ...

  5. 开源 | 携程 Foxpage 前端低代码框架

    作者简介 Jason Wang,携程研发经理,目前主要负责低代码类产品的设计和研发,关注低代码行业的发展及相关解决方案在企业内部的落地. 一.背景 随着低代码开发方式被越来越多的人接受和认可,低代码得 ...

  6. html在线编辑器代码运行,JSRun - 在线JS、HTML编辑器(同时也支持各种后台代码的编辑运行)...

    在之前的文章中我介绍了一个在线的前端代码编辑工具:CodePan(点击查看),方便我们编写制作测试页面.代码调试,而免去搭建相关环境的麻烦. 但 CodePan 毕竟是国外的网站,有时使用起来并不是那 ...

  7. Android工具HierarchyViewer 代码导读(3) -- 后台代码

    在上文中,我们讲解了如何把HierarchyViewer的项目导入到Eclipse中,以便更高效阅读代码.本文将讲解HierarchyViewer的后台代码,建议大家可以先阅读<Android工 ...

  8. Web前端低代码介绍的ppt大纲

    在当今快节奏的数字化时代,许多企业都面临着数字化转型的压力.然而,数字化转型往往需要大量的时间和资源来完成复杂的开发过程,这对于许多企业而言可能是一个巨大的挑战.为了解决这个问题,低代码开发应运而生. ...

  9. java 文件上传到ftp_JAVA技术实现上传下载文件到FTP服务器(完整)

    具体详细介绍请看下文: 在使用文件进行交互数据的应用来说,使用FTP服务器是一个很好的选择.本文使用Apache Jakarta Commons Net(commons-net-3.3.jar) 基于 ...

最新文章

  1. java查看文件夹下文件夹大小,java 获取文件夹大小,文件大小,文件个数
  2. python 命令行参数-python获取命令行参数的方法(汇总)
  3. linux系统界面光标不见了---木有了
  4. win10企业版更新和安全中没有 “恢复”这个选项_通知:微软已强制对Windows 10更新升级...
  5. canal布在mysql端还是服务端_canal使用入坑,亲测 !!!!
  6. Q101:真实地模拟一个玻璃酒杯(Wine Glass)(回旋曲面)
  7. Hbase 命令及配置文件
  8. 如何打开设置了密码的ZIP文件?
  9. js转换php时间戳,js和PHP 时间戳与日期转换
  10. Kindle电子书资源网站汇总
  11. svn服务器文件保存位置,Windows 部署SVN服务器
  12. selenium+python实现登QQ邮箱并发送邮件自动化
  13. LeetCode148经典题目记录(链表排序:快排+递归归并+迭代归并)
  14. rocketmq错误迁移导致问题排查
  15. oracle 11g duplicate database基于备份复制数据库(二)
  16. R——关联规则分析(二 例题:中医证型的关联规则挖掘)
  17. DNS对网络连通性的影响
  18. linux游戏模拟器知乎,疯狂周三:異議あり!+TGS参展阵容:卡普空生化危机8,光荣真三新作_STEAM每日资讯_瞅啥网...
  19. 百度文库----免费复制
  20. maven settings.xml 文件下载,阿里仓库

热门文章

  1. 用鸿蒙818芯片的电视有哪些,鸿蒙系统被曝光!首款鸿浩818芯片,华为智慧屏对标小米电视...
  2. 每日一题--20200428--用牛顿迭代法求根,c语言实现
  3. @UPC8377 @ACM-ICPC-2018-ASIA YOKAHAMA REGIONAL D: Playoff (DFS)
  4. Mac 安装brew的正确姿势
  5. python:随机采样一致性(RANSAC)直线模型拟合原理及代码实现
  6. python从零到一之基础篇 第 四 章 流程控制语句
  7. C语言 求n的1-5次方
  8. 杭电ACM2002题-------C语言
  9. Sql Server导入Access数据库报不可识别的数据库格式 Microsoft JET Database Engine
  10. 如何安装ffmpeg,详细安装教程,亲测有效