用ajax来上传图片,使用AJAX上传图片

使用AJAX上传图片

Html代码：

JS代码：

$(function () {

$("form").submit(function () {

var MinUpload = $('#MinUpload').get(0).files[0]; //获取上传的文件;//get(0)将Jquery对象转换为DOM对象

var formData = new FormData(); //创建一个formData

formData.append('MinUpload', MinUpload);

$.ajax({

url: '/Man/Process',

method: 'post',

data: formData,

dataType: 'json',

processData: false,//数据处理

contentType: false,//内容类型

cache: false,

async: false,

success: (result) => {

console.log(result);

error: (error) => {

}

})

});

})

控制器代码：

public void Process(HttpPostedFileWrapper MinUpload)

{

//将图片上传到 upload 文件夹下 (upload下，且按照时间存放图片)

string baseUrl = AppDomain.CurrentDomain.BaseDirectory + "upload\\";

int year = DateTime.Now.Year;

int month = DateTime.Now.Month;

int day = DateTime.Now.Day;

string dayUrl = baseUrl + year + "\\" + month + "\\" + day;

//判断是否存在年月份文件夹,如果不存在则创建

if (!Directory.Exists(dayUrl))

{

Directory.CreateDirectory(dayUrl);

}

//获取拓展名

string ext = Path.GetExtension(MinUpload.FileName);

//这里可进行判断是否为合法的格式文件

string avatorName = Guid.NewGuid().ToString();

MinUpload.SaveAs(dayUrl + "\\" + avatorName + ext);

}

用ajax来上传图片,使用AJAX上传图片相关推荐

c ajax 上传图片插件,ajax实现图片上传和预览
图片上传功能 html结构: ![](6f4fbfb7/addimg.png) 在html中input的type=file就可以实现文件的上传功能,在其属性中也包含一个accept='':可以限制文件 ...
java中ajax概念_Java之AJAX概念和实现方式
Java之AJAX概念和实现方式开发工具与关键技术:MyEclipse 10,java 作者:刘东标撰写时间:2019-06-12 1．概念: Asynchronous JavaScript An ...
SharePoint 2010中的客户端AJAX应用——ASP.NET AJAX模板
WCF Data Services是SharePoint 2010中一个极具吸引力的新特性.然而,因为它的强大,直接对其进行编程仍然会有点痛苦.幸运的是,一个新的相关技术 -- ASP.Net AJA ...
$.ajax上传文件或者上传图片
2019独角兽企业重金招聘Python工程师标准>>> ###FormData 想得到一个FormData对象就必须new一个FormData对象,然后使用append()方法向该对 ...
c mvc ajax请求,springMVC的ajax请求
关于spring MVC 的ajax请求今天在使用spring MVC 的时候遇到了一个ajax请求的问题. 我的后台方法是 @RequestMapping("/XXXX/{XXX}&qu ...
【转】Jquery -Ajax 入门练习 Jquery.Ajax 调用后台函数，获取DataTable Json,Asp.net
直接上图=============最后拷贝源码(图片清楚) ====================================================================== ...
无刷新上传图片，ajax 和 iframe
iframe 上传 upload.html <!DOCTYPE html> <html lang="en"> <head><meta ch ...
php用ajaxs上传图片_php+ajax实现图片文件上传功能实例
目前常用的异步文件上传功能有几种,比较多见的如使用iframe框架形式,ajax功能效果,以及flash+php功能,下面介绍ajax与iframe实现异步文件上传的功能的例子. 方法一,利用jque ...
php ajax城市联动,php+ajax 城市联动
jquery-1.8.0.min.js 自己下载 /* 表结构 -- -- 表的结构 `web_city` -- CREATE TABLE IF NOT EXISTS `web_city` ( `i ...
ExtJs异步ajax调用和同步ajax调用公用方法
Js代码 //异步ajax调用 /** * 异步调用ajax,成功后返回值,作为回调函数的参数调用失败会提示 * * @param {} * urlStr * @param { ...

用ajax来上传图片,使用AJAX上传图片

用ajax来上传图片,使用AJAX上传图片相关推荐

最新文章

热门文章