C# MVC Ajax上传多个图片,可预览,可重复上传等
//上传文件
function UploadFile(el) {
var dataValue = $(el).attr("data-id");
var ele = dataValue.toLowerCase();
var f = document.getElementById('uploadFile_'+ele).files[0]
var src = window.URL.createObjectURL(f);
document.getElementById('uploadPreview_' + ele).src = src;
top.$("#uploadPreview_" + ele).attr("src", src);
$("#upload_msg_" + ele).text("上传中,请稍候...");
//上传应用图标
$.ajaxFileUpload({
url: "../../Manage/Flow/UploadFile",
secureuri: false,
fileElementId: ['uploadFile_' + ele],
dataType: 'json',
success: function (data) {
if ((data.message).indexOf('error') >= 0) {
$("#upload_msg_" + ele).text(data.message);
$("#upload_msg_" + ele).css("color", "red");
} else {
$("#" + dataValue).val(data.message);
$("#upload_msg_" + ele).text("上传成功!");
$("#upload_msg_" + ele).css("color", "#0a9a2f");
}
}
});
}

注意要加载上传组件js .下载地址:https://blog-static.cnblogs.com/files/firstcsharp/ajaxfileupload.js
关于后台的上传代码就不用说了吧?网上一大把
C# MVC Ajax上传多个图片,可预览,可重复上传等的更多相关文章
- jQuery+Ajax实现图片的预览和上传
		
jQuery+Ajax实现图片的预览和上传 1.配置Spring-web.xml <!-- springmvc上传图片 --> <bean id="multipartRes ...
 - Android图片上传,可以选择多张图片,缩放预览,拍照上传等
		
仿照微信,朋友圈分享图片功能 .可以进行图片的多张选择,拍照添加图片,以及进行图片的预览,预览时可以进行缩放,并且可以删除选中状态的图片 .很不错的源码,大家有需要可以下载看看 . 微信 微信 微信 ...
 - Android仿微信图片上传,可以选择多张图片,缩放预览,拍照上传等
		
仿照微信,朋友圈分享图片功能 .可以进行图片的多张选择,拍照添加图片,以及进行图片的预览,预览时可以进行缩放,并且可以删除选中状态的图片 .很不错的源码,大家有需要可以下载看看 . 微信 微信 微信 ...
 - 纯javascript代码实现浏览器图片选择预览、旋转、批量上传
		
工作中遇到的业务场景,和同事一起研究了下,主要是为了兼容IE版本 其实就是一些琐碎的知识点在网上搜集下解决方式,然后集成了下,主要有以下点: 1. IE input type=file的图片预览要用I ...
 - Thinkphp5+plupload图片上传功能,支持实时预览图片。
		
今天和大家分享一个国外的图片上传插件,这个插件支持分片上传大文件.其中著名的七牛云平台的jssdk就使用了puupload插件,可见这个插件还是相当牛叉的. 这个插件不仅仅支持图片上传,还支持大多数文 ...
 - 移动端 H5 拍照 从手机选择图片,移动端预览,图片压缩,图片预览,再上传服务器
		
前言:最近公司的项目在做全网营销,要做非微信浏览器的wap 站 的改版,其中涉及到的一点技术就是采用H5 选择手机相册中的图片,或者拍照,再将获取的图片进行压缩之后上传. 这个功能模块主要有这5点比较 ...
 - jQuery + ashx 实现图片按比例预览、异步上传及显示
		
目录(?)[-] 注ajax 方式异步读取数据库显示图片的方法同上传一致使用 ashx 返回base64字符串在客户端处理即可 记录一个让我纠结良久的问题 在Page_Load 函数中只有第一个用 S ...
 - .net core版 文件上传/ 支持批量上传,拖拽以及预览,bootstrap fileinput上传文件
		
asp.net mvc请移步 mvc文件上传支持批量上传,拖拽以及预览,文件内容校验 本篇内容主要解决.net core中文件上传的问题 开发环境:ubuntu+vscode 1.导入所需要的包:n ...
 - java压缩包上传,解压,预览(利用editor.md和Jstree实现)和下载
		
java压缩包上传,解压,预览(利用editor.md和Jstree实现)和下载 实现功能:zip文件上传,后台自动解压,Jstree树目录(遍历文件),editor.md预览 采用Spring+Sp ...
 - 浅谈简单实现file控件的图片预览,裁剪和上传。
		
1.图片预览之FileReader对象 FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用File或Blob对象指定要读取的文件或数据 ...
 
随机推荐
- python解析传入的命令行参数 argv
			
python解析命令行参数主要有三种方法:sys.argv.argparse解析.getopt解析 方法一:sys.argv —— 命令行执行:python test_命令行传参.py 1,2,3 1 ...
 - Schema学习【一】
			
XML Schema 是基于 XML 的 DTD 替代者. 什么是 XML Schema? XML Schema 的作用是定义 XML 文档的合法构建模块,类似 DTD. XML Schema: 定义 ...
 - SpringCloud学习心得—1.3—Eureka与REST API
			
SpringCloud学习心得—1.3—Eureka与REST API Eureka的REST API接口 API的基本访问 Eureka REST APIEureka 作为注册中心,其本质是存储 ...
 - python算法与数据结构-快速排序算法(36)
			
一.快速排序的介绍 快速排序(英语:Quicksort),又称划分交换排序(partition-exchange sort),通过一趟排序将要排序的数据分割成独立的两部分,其中一部分的所有数据都比另外 ...
 - 《hello-world》第九次团队作业:【Beta】Scrum meeting 1
			
项目 内容 这个作业属于哪个课程 2016级计算机科学与工程学院软件工程(西北师范大学) 这个作业的要求在哪里 实验十三 团队作业9:Beta冲刺与团队项目验收 团队名称 <hello--wor ...
 - document.ready与window.onload的区别
			
代码分析: $(document).ready(function() { .... }); window.onload=function(){ ....} 两段代码功能上可以互换,但又有许多区别: 1 ...
 - go实现多聊天并发 服务端
			
package main import ( "fmt" "net" "time")type Client struct { ch chan ...
 - 【shell】1、变量的声明、引用及作用域
			
shell程序 以文件形式存放==批量的Linux命令集合==,该文件能够被Shell解释执行,这种文件就是Shell脚本程序 通常由一段Liunx命令.Shell命令.控制语句以及注释语句构成 Sh ...
 - 【JS】闭包的理解
			
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现 一.变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域. 变量的作用域无 ...
 - Linux 的磁盘格式化、挂载、磁盘检验、df、du、fdisk、free命令的使用
			
df:列出文件系统的整体磁盘使用量du:检查磁盘空间使用量fdisk:用于磁盘分区 free:查看内存占用情况 一.df命令列出系统的整体磁盘使用量 df命令参数功能:检查文件系统的磁盘空间占用情况. ...