如何ajax上传图片,ajax上传图片文件

HTML：

昵称:

头像：

Js：

$(function () {

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

var nickname = $("#nickname").val();

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

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

formData.append('nickname', nickname);

formData.append('avator', avator);

$.ajax({

url: '/Home/Process',

method: 'post',

data: formData,

dataType: 'json',

processData: false,//数据处理

contentType: false,//内容类型

cache: false,

async: false,

success: (result) => {

console.log(result);

error: (error) => {

}

})

});

})

ASP.Net MVC 后台：

public void Process(string nickname, HttpPostedFileWrapper avator)

{

//将图片上传到 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 = System.IO.Path.GetExtension(avator.FileName);

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

//...

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

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

}

如何ajax上传图片,ajax上传图片文件相关推荐

webapi实现AJAX多文件上传,AJAX调用webapi上传图片或文件
AJAX调用webapi上传图片或文件,并返回刚上传的文件名.废话不多说直接贴代码吧 html相关:html> Title function doUpload() { var formData ...
koa2：通过Ajax方式上传文件，使用FormData进行Ajax请求
koa2通过表单上传的网上很多,但通过Ajax方式上传文件,使用FormData进行Ajax请求,不好找. 参考了这个用base64上传图片的例子.https://github.com/Yuki-Mi ...
ashx获取input file 文件_通过Ajax方式上传文件(input file)，使用FormData进行Ajax请求...
一直以来上传文件都使用的是别人的组件,今天看下无刷新上传内部具体的做法.上传文件可以使用form的形式来上传,也可以通过构造formData使用ajax来上传文件: 上传图片 $(function ( ...
ajax异步上传什么意思,使用 jQuery 的 AJAX 异步上传文件
现在基本上很多网页里面都在使用 jQuery,要实现文件的异步上传,大多数的解决方法都是使用 jQuery 插件,如果你只是上传一张图片,使用插件反而觉得多余了,其实 jQuery 的 ajax() ...
java获取ajax上传的文件,Java使用Ajax异步上传文件
相关代码示例: html代码片段: 名称 class="layui-input"> 描述文件请选择配置文件立即提交重置 js代码片段: //上传配置文件 $(&quo ...
jquery ajax java上传文件_jQuery Ajax方式上传文件的方法
jQuery Ajax方式上传文件用到两个对象第一个对象:FormData 第二个对象:XMLHttpRequest 目前新版的Firefox 与 Chrome 等支持HTML5的浏览器完美的支持这 ...
ajax请求多张图片数据库,ajax上传多文件，一次上传多张图片
ajax上传多文件,一次上传多张图片作者:PHPYuan 时间:2018-11-04 03:41:44 使用ajax上传文件,指望这个对象:let fd = new FormData(); html ...
python爬虫今日头条_python爬虫—分析Ajax请求对json文件爬取今日头条街拍美图
python爬虫-分析Ajax请求对json文件爬取今日头条街拍美图前言本次抓取目标是今日头条的街拍美图,爬取完成之后,将每组图片下载到本地并保存到不同文件夹下.下面通过抓取今日头条街拍美图讲解一 ...
使用FormData进行Ajax请求上传文件
Servlet3.0开始提供了一系列的注解来配置Servlet.Filter.Listener等等.这种方式可以极大的简化在开发中大量的xml的配置.从这个版本开始,web.xml可以不再需要,使用相 ...
php ajax xmlhttpreq 上传文件 get,使用Ajax XmlHttpRequest上传文件
使用Ajax XmlHttpRequest上传文件嗨,我正在尝试使用此代码发送带有xmlhttprequest的文件. var url= "http://localhost:80/.... ...

如何ajax上传图片,ajax上传图片文件

如何ajax上传图片,ajax上传图片文件相关推荐

最新文章

热门文章