ASP.NET图片上传(配合jquery.from.js 插件)
前端:
js:
function AjaxKouBeiShopEdit() {
var options = {
dataType: "json",
success: function (data) {
alert(data);
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
console.log(textStatus);
console.log(errorThrown);
}
};
$("#ShopForm").ajaxSubmit(options);
}
html:
<form class="form-horizontal" id="ShopForm" action="你的控制器/AjaxKouBeiShopEdit" method="post" enctype="multipart/form-data">
<input type="file" name="ProductImg" class="fileData" />
<input type="file" name="ProductImg" class="fileData" />
</form>
后端:
/// <summary>
/// 口碑门店-添加
/// </summary>
/// <param name="upImg"></param>
/// <param name="entity"></param>
/// <returns></returns>
[HttpPost]
public string AjaxKouBeiShopEdit(KouBeiShopModel entity)
{
StringBuilder sqlStr = new StringBuilder();
TimeSpan timeSpan = (DateTime.Now - TimeZone.CurrentTimeZone.ToLocalTime(new System.DateTime(1970, 1, 1)));
Random random = new Random();
JObject resultJsonerr = new JObject();
//修改操作
#region 添加文件
string filePhysicalPath = @"D:/yyyy/";
string MainImgName = "";
//详细图片路径
if (Request.Files.Count != 0)
{
MainImgName = filePhysicalPath + MainImgName;
try
{
for (int i = 0; i < Request.Files.Count;i++ )
{
HttpPostedFileBase uploadFile = Request.Files[i] as HttpPostedFileBase;
if (uploadFile != null && uploadFile.ContentLength > 0)
{
// if (i==0)//首图
// {
//html 上至下加载,file input
// }
//随机名称
long t2 = (long)timeSpan.TotalSeconds;
int n2 = random.Next(10000, 99999);
string extension = Path.GetExtension(uploadFile.FileName);
string ImgListName = t2 + "" + n2 + extension;
var path = Path.Combine(filePhysicalPath, ImgListName);
uploadFile.SaveAs(path);
}
}
}
catch (Exception ex)
{
resultJsonerr.Add("State", -1);
return "添加失败";
}
}
return "添加成功";
}
2017-12-1 提示:
HttpPostedFileBase是有序的,按照HTML加载方式来确定索引,从而可以控制首图附属图等等。
ASP.NET图片上传(配合jquery.from.js 插件)的更多相关文章
- asp.net图片上传实例
网站后台都需要有上传图片的功能,下面的例子就是实现有关图片上传. 缺点:图片上传到本服务器上,不适合大量图片上传. 第一.图片上传,代码如下: xxx.aspx 复制代码代码如下: <td cl ...
- Asp.NetCoreWebApi图片上传接口(二)集成IdentityServer4授权访问(附源码)
写在前面 本文地址:http://www.cnblogs.com/yilezhu/p/9315644.html 作者:yilezhu 上一篇关于Asp.Net Core Web Api图片上传的文章使 ...
- ASP.NET图片上传和截取
一.介绍:图片的上传直接使用ajax就可以了,截取图片的话使用到Jcrop插件. 图片上传资料:https://www.jb51.net/article/87654.htm 截取图片插件:http:/ ...
- ASP.NET 图片上传工具类 upload image简单好用功能齐全
使用方法: UploadImage ui = new UploadImage(); /***可选参数***/ ui.SetWordWater = "哈哈";//文字水印 // ui ...
- ASP.NET- 无刷新上传使用jQuery插件之ajaxFileUpload
灰常好,我已经使用过里面的代码了,可以用,原文地址:http://www.cnblogs.com/kissdodog/archive/2012/12/15/2819025.html 一.ajaxFil ...
- asp.net图片上传及删除
方法一:UploadImage cetFU = new UploadImage(); if (cetFU.UpFile(FileUpload1, "teacher_picture" ...
- asp.net图片上传代码
前端: <form action="/ImageUpload.ashx" method="post" enctype="multipart/fo ...
- 文件上传时jquery.form.js中提示form.submit SCRIPT5: 拒绝访问
利用其它控件触发file的click事件来选择文件后,使用jquery.form.js中的submit方法提交时IE报错:form.submit SCRIPT5: 拒绝访问,其它浏览器正常, < ...
- ajax图片上传(asp.net +jquery+ashx)
一.建立Default.aspx页面 <%@ Page Language="C#" AutoEventWireup="true" CodeFile=&q ...
随机推荐
- mac sed 使用踩坑实录
[转自别处] 比如我sed想做文件原地的替换,但是怎么写都出错,错误提示还莫名其妙,后来多方搜索才知道Mac上的sed如果参数有-i就必须加上备份指令,即-i后添加任意字符,那些字符就作为备份文件的后 ...
- windows系统-phpstudy升级mysql8.0.12安装教程及修改密码和安装注意事项
1.下载安装包,下载地址:mysql8.0.12 .如果你想要下载其它版本可以选择:mysql历史版本地址. 2.下载好,删除phpstudy的mysql目录.如果数据重要的,注意备份数据!同意把m ...
- loadrunner笔记(三):设置、运行场景和生成测试报告
//上一篇的代码有点问题,问题出在 web_reg_find()函数中,这个函数简单的说是搜索下一步操作的请求对象(html)页面中是否存在相应的文本字符串.所以用在登录操作中,它搜索的是主页.htm ...
- POI操作Excel详解,读取xls和xlsx格式的文件
package org.ian.webutil; import java.io.File; import java.io.FileInputStream; import java.io.FileN ...
- Django’s cache framework
小结: 1.缓存存储位置:数据库.文件系统.内存 2.通过缓存前缀实现跨服务器缓存 Django’s cache framework | Django documentation | Django h ...
- linux下查看网卡速率
转自:http://blog.csdn.net/liugongfeng/article/details/50263733 我们都知道ifconfig -a 可以列出所有网卡,但是怎么判读是千兆网卡还是 ...
- bugfree3.0.1-修改“优先级”“严重等级”为中文
1.进入目录C:\xampp\htdocs\bugfree\protected\models 2.打开文件 Info.php
- C#基础加强(8)之委托和事件
委托 简介 委托是一种可以声明出指向方法的变量的数据类型. 声明委托的方式 格式: delegate <返回值类型> 委托类型名(参数) ,例如: delegate void MyDel( ...
- eclipse 中配置php的 XDebug调试
1. 打开 eclipse for php IDE,window->preference->PHP->Debug 2. 配置phpserver 3. 我的已经增加好了,默认的应该有l ...
- vue搭建脚手架
1.检查npm -v有版本提示成功即可2.npm install vue-cli -g //全局安装3.vue -V 查看版本号(我这边安装的是2.9.6,V大写)4.vue init webpack ...