使用ajaxfileupload.js实现上传文件功能
<div class="pictureList">
<div class="pictureItem" id="uploadItem">
<div class="pictureDiv">
<span class="commonSprite LAddWhiteBtn" onclick="triggeruploadPicture()"></span>
<p class="tipP">将你要上传的图片拖至此区域</p>
<input type="file" class="uploadPicture" onchange="uploadPicture(this)" name="Picture_path" id="Picture_path" accept="image/png,image/jpg,image/jpeg" />
</div>
<span class="uploadSpan" onclick="triggeruploadPicture()">点击上传</span>
</div>
</div>
function triggeruploadPicture() {
    $(".uploadPicture").trigger("click");
}
function uploadPicture(obj) {
    var file = $(obj).attr("id");
    $.ajaxFileUpload({
        url: '../../Ajax/Common/DocumentCommon.ashx?type=AddDocumentImage',
        //type: 'post',
        timeout: 60000,
        secureuri: false,
        fileElementId: file, //file控件id
        dataType: 'json',
        success: function (data, status) {
            alert(data.Msg);
            if (data.Success) {
            }
        },
        complete: function (status) { //请求完成后最终执行参数
        }
    });
}
使用ajaxfileupload.js实现上传文件功能的更多相关文章
- 利用ajaxfileupload.js异步上传文件
		
1.引入ajaxfileupload.js 2.html代码 <input type="file" id="enclosure" name="e ...
 - ajaxfileupload.js ajax上传文件(含application/json)
		
jQuery.extend({ createUploadIframe: function(id, uri) { //create frame var frameId = 'jUploadFrame' ...
 - jQuery+php+ajax实现无刷新上传文件功能
		
jQuery+php+ajax实现无刷新上传文件功能,还带有上传进度条动画效果,支持图片.视频等大文件上传. js代码 <script type='text/javascript' src='j ...
 - js能否上传文件夹
		
文件夹上传:从前端到后端 文件上传是 Web 开发肯定会碰到的问题,而文件夹上传则更加难缠.网上关于文件夹上传的资料多集中在前端,缺少对于后端的关注,然后讲某个后端框架文件上传的文章又不会涉及文件夹. ...
 - js获取上传文件内容(未完待续)
		
js 获取上传文件的字节数及内容 <div> 上传文件 : <input type="file" name = "file" id = &qu ...
 - Atitit.js获取上传文件全路径
		
Atitit.js获取上传文件全路径 1. 默认的value只能获取文件名..安全原因.. 1 2. Firefox浏览器的读取 1 3. Html5 的file api 2 4. 解决方法::使用a ...
 - js获取上传文件内容
		
js 获取上传文件的字节数及内容 <div> 上传文件 : <input type="file" name = "file" id = &qu ...
 - Nodejs学习笔记(八)--- Node.js + Express 实现上传文件功能(felixge/node-formidable)
		
目录 前言 formidable简介 创建项目并安装formidable 实现上传功能 运行结果 部分疑惑解析 写在之后 前言 前面讲了一个构建网站的示例,这次在此基础上再说说web的常规功能---- ...
 - Nodejs学习笔记(八)—Node.js + Express 实现上传文件功能(felixge/node-formidable)
		
前言 前面讲了一个构建网站的示例,这次在此基础上再说说web的常规功能----文件上传,示例以一个上传图片的功能为例子 上传功能命名用formidable实现,示例很简单! PS:最近比较忙,距上一次 ...
 
随机推荐
- mysql在空闲8小时之后会断开连接(默认情况)
			
调试程序的过程发现,在mysql连接空闲一定时间(默认8小时)之后会断开连接,需要重新连接,也引发我对重连机制的思考.
 - android获取位置location为null的问题
			
12:38:542016-12-23 很多人经常遇到这种问题,主要是获取到位置的信息为null,第一个主要要有权限 <uses-permission android:name="a ...
 - div的水平和垂直居中
			
CSS实现div的水平居中 div的水平居中可以通过margin设置为0 auto实现. .myDiv { width: 200px; height: 100px; margin: 0 auto; } ...
 - LinuxMint配置Git(图文教程)
			
1.生成秘钥(直接回车,秘钥存放路径看命令行信息) 2.打开秘钥,需要注意的是.ssh可能是隐藏的,这时需要Ctrl+H显示隐藏文件夹 3.复制秘钥,添加到GitHub(Settings), 4.添加 ...
 - DOM解析XML报错:Content is not allowed in prolog
			
报错内容为: Content is not allowed in prolog. Nested exception: Content is not allowed in prolog. 网上所述总结来 ...
 - 埃拉托色尼筛法(Sieve of Eratosthenes)求素数。
			
埃拉托色尼筛法(Sieve of Eratosthenes)是一种用来求所有小于N的素数的方法.从建立一个整数2~N的表着手,寻找i? 的整数,编程实现此算法,并讨论运算时间. 由于是通过删除来实现, ...
 - [转]jQuery操作radio、checkbox、select 集合.
			
1.radio:单选框 html代码 <input type="radio" name="radio" id="radio1" val ...
 - Day5-python基础之函数(二)
			
生成器 迭代器 装饰器 模块 来个需求,一个列表中所有元素都+1 1.最容易想到的方法 for循环,找列表索引,对应每个值+1 list_old = [1,2,3,4,5,6,7,8,9] for ...
 - easyui datagrid 悬浮事件
			
easyui的单元格提示窗体 鼠标悬浮事件 function findAllPreven() { var infoname = $('#area').val(); areadatagrid=$('# ...
 - php 生成word的三种方式
			
原文地址 http://www.jb51.net/article/97253.htm 最近工作遇到关于生成word的问题 现在总结一下生成word的三种方法. btw:好像只要是标题带PHP的貌似点击 ...