mvc js ajax实例,MVC ajax异步上传文件例子(ajaxFileUpload)
【实例简介】
【实例截图】
【核心代码】
$(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)相关推荐
- jq ajax异步上传图片插件,jQuery异步上传文件插件ajaxFileUpload详细介绍
一.ajaxFileUpload是一个异步上传文件的jQuery插件. 传一个不知道什么版本的上来,以后不用到处找了. 语法:$.ajaxFileUpload([options]) options参数 ...
- ajax 上传文件实例,Ajax异步上传文件实例代码分享
非常不多说,直接给大家上干货,写的不好还请见谅. 具体代码如下所示: Index $(function() { $(':button').click(function () { var formDat ...
- java获取ajax上传的文件,Java使用Ajax异步上传文件
相关代码示例: html代码片段: 名称 class="layui-input"> 描述 文件 请选择配置文件 立即提交 重置 js代码片段: //上传配置文件 $(&quo ...
- jq ajax异步上传文件,jQuery插件ajaxFileUpload异步上传文件
AjaxFileUpload.js并不是一个很出名的插件,只是别人写好的放出来供大家用,原理都是创建隐藏的表单和iframe然后用JS去提交,获得返回值. 当初做了个异步上传的功能,选择它因为它的配置 ...
- ajax异步上传什么意思,使用 jQuery 的 AJAX 异步上传文件
现在基本上很多网页里面都在使用 jQuery,要实现文件的异步上传,大多数的解决方法都是使用 jQuery 插件,如果你只是上传一张图片,使用插件反而觉得多余了,其实 jQuery 的 ajax() ...
- php js跨域上传文件,Jquery实现跨域异步上传文件步骤详解
这次给大家带来Jquery实现跨域异步上传文件步骤详解,Jquery实现跨域异步上传文件的注意事项有哪些,下面就是实战案例,一起来看一下. 先说明白 这个跨域异步上传功能我们借助了Jquery.for ...
- ajax ashx 请选择文件,ajax+jquery+ashx如何实现上传文件
ajax+jquery+ashx如何实现上传文件 第一:建立Default.aspx页面 ajax图片上传 function upload(){ var path = document.getElem ...
- Node.js——异步上传文件
前台代码 submit() {var file = this.$refs.fileUpload.files[0];var formData = new FormData();formData.appe ...
- 如何使用 jQuery 异步上传文件?
问: 我想用 jQuery 异步上传文件. $(document).ready(function () { $("#uploadbutton").click(function () ...
最新文章
- find命令中的-print -exec -ok参数区别
- 少儿编程教会孩子如何思考,重视孩子的素质提升
- python 爬虫系统_实战干货:从零快速搭建自己的爬虫系统
- 解决无法将自己github上的代码clone到/usr目录下的问题
- 单例设计模式详解+源代码+JDK源码应用——Java设计模式系列学习笔记
- connectionString加密
- Problem D: 分数减法——结构体
- docker之使用supervisor管理多个进程
- 基于JAVA+SpringMVC+Mybatis+MYSQL的进销存管理系统
- 【SQL数据库】查询语句练习题
- 【POJ 3320】【尺取法】Jessica's Reading Problem【暑期 No.2】
- Java 分页工具类
- 使用Excel办公,你必须学会的文件加密、单元格锁定、复制可见单元格
- 2022年前端技术发展趋势
- POI框架EXCEL解析性能优化
- 电影海报的多标签分类
- Bluemix RSA Private key cannot be used to encrypt
- 移动直播元年:内容单一,80%流量靠网红主播
- 在Ubuntu安装Deepin软件
- linux grub error17,Ubuntu Grub 问题:提示 error17 修复方法
热门文章
- Git学习总结(1)——Git使用详细教程
- 电脑硬件检测_硬盘检测工具哪个好?在win10中这样检查磁盘健康状态就对了
- 自动路由_小米路由器Mesh首销 多路由自动切换/为智能家居而生
- 全国首个园区型绿色能源网一年“减碳”上万吨
- 《淘宝网开店 拍摄 修图 设计 装修 实战150招》一一2.11 动感十足的S形构图
- PHP 02 PHP的基础语法
- JavaScript事件处理程序的3种方式
- 常用的几个提高iOS开发效率的开源类库及工具
- 使用JSON的RESTful云数据库
- 应对亚洲劳动力成本不断上升的挑战