【实例简介】

【实例截图】

【核心代码】

$(function () {

$(":button").click(function () {

if ($("#file1").val().length > 0) {

ajaxFileUpload();

}

else {

alert("请选择图片");

}

})

})

function ajaxFileUpload() {

$.ajaxFileUpload

(

{

url: '/Home/Upload', //用于文件上传的服务器端请求地址

type: 'post',

data: { Id: '123', name: 'lunis' }, //此参数非常严谨,写错一个引号都不行

secureuri: false, //一般设置为false

fileElementId: 'file1', //文件上传空间的id属性

dataType: 'json', //返回值类型 一般设置为json

success: function (data, status) //服务器成功响应处理函数

{

alert(data);

$("#img1").attr("src", data.imgPath1);

alert("你请求的Id是" data.Id " " "你请求的名字是:" data.name);

if (typeof (data.error) != 'undefined') {

if (data.error != '') {

alert(data.error);

} else {

alert(data.msg);

}

}

},

error: function (data, status, e)//服务器响应失败处理函数

{

alert(e);

}

}

)

return false;

}

mvc js ajax实例,MVC ajax异步上传文件例子(ajaxFileUpload)相关推荐

  1. jq ajax异步上传图片插件,jQuery异步上传文件插件ajaxFileUpload详细介绍

    一.ajaxFileUpload是一个异步上传文件的jQuery插件. 传一个不知道什么版本的上来,以后不用到处找了. 语法:$.ajaxFileUpload([options]) options参数 ...

  2. ajax 上传文件实例,Ajax异步上传文件实例代码分享

    非常不多说,直接给大家上干货,写的不好还请见谅. 具体代码如下所示: Index $(function() { $(':button').click(function () { var formDat ...

  3. java获取ajax上传的文件,Java使用Ajax异步上传文件

    相关代码示例: html代码片段: 名称 class="layui-input"> 描述 文件 请选择配置文件 立即提交 重置 js代码片段: //上传配置文件 $(&quo ...

  4. jq ajax异步上传文件,jQuery插件ajaxFileUpload异步上传文件

    AjaxFileUpload.js并不是一个很出名的插件,只是别人写好的放出来供大家用,原理都是创建隐藏的表单和iframe然后用JS去提交,获得返回值. 当初做了个异步上传的功能,选择它因为它的配置 ...

  5. ajax异步上传什么意思,使用 jQuery 的 AJAX 异步上传文件

    现在基本上很多网页里面都在使用 jQuery,要实现文件的异步上传,大多数的解决方法都是使用 jQuery 插件,如果你只是上传一张图片,使用插件反而觉得多余了,其实 jQuery 的 ajax() ...

  6. php js跨域上传文件,Jquery实现跨域异步上传文件步骤详解

    这次给大家带来Jquery实现跨域异步上传文件步骤详解,Jquery实现跨域异步上传文件的注意事项有哪些,下面就是实战案例,一起来看一下. 先说明白 这个跨域异步上传功能我们借助了Jquery.for ...

  7. ajax ashx 请选择文件,ajax+jquery+ashx如何实现上传文件

    ajax+jquery+ashx如何实现上传文件 第一:建立Default.aspx页面 ajax图片上传 function upload(){ var path = document.getElem ...

  8. Node.js——异步上传文件

    前台代码 submit() {var file = this.$refs.fileUpload.files[0];var formData = new FormData();formData.appe ...

  9. 如何使用 jQuery 异步上传文件?

    问: 我想用 jQuery 异步上传文件. $(document).ready(function () { $("#uploadbutton").click(function () ...

最新文章

  1. find命令中的-print -exec -ok参数区别
  2. 少儿编程教会孩子如何思考,重视孩子的素质提升
  3. python 爬虫系统_实战干货:从零快速搭建自己的爬虫系统
  4. 解决无法将自己github上的代码clone到/usr目录下的问题
  5. 单例设计模式详解+源代码+JDK源码应用——Java设计模式系列学习笔记
  6. connectionString加密
  7. Problem D: 分数减法——结构体
  8. docker之使用supervisor管理多个进程
  9. 基于JAVA+SpringMVC+Mybatis+MYSQL的进销存管理系统
  10. 【SQL数据库】查询语句练习题
  11. 【POJ 3320】【尺取法】Jessica's Reading Problem【暑期 No.2】
  12. Java 分页工具类
  13. 使用Excel办公,你必须学会的文件加密、单元格锁定、复制可见单元格
  14. 2022年前端技术发展趋势
  15. POI框架EXCEL解析性能优化
  16. 电影海报的多标签分类
  17. Bluemix RSA Private key cannot be used to encrypt
  18. 移动直播元年:内容单一,80%流量靠网红主播
  19. 在Ubuntu安装Deepin软件
  20. linux grub error17,Ubuntu Grub 问题:提示 error17 修复方法

热门文章

  1. Git学习总结(1)——Git使用详细教程
  2. 电脑硬件检测_硬盘检测工具哪个好?在win10中这样检查磁盘健康状态就对了
  3. 自动路由_小米路由器Mesh首销 多路由自动切换/为智能家居而生
  4. 全国首个园区型绿色能源网一年“减碳”上万吨
  5. 《淘宝网开店 拍摄 修图 设计 装修 实战150招》一一2.11 动感十足的S形构图
  6. PHP 02 PHP的基础语法
  7. JavaScript事件处理程序的3种方式
  8. 常用的几个提高iOS开发效率的开源类库及工具
  9. 使用JSON的RESTful云数据库
  10. 应对亚洲劳动力成本不断上升的挑战