jquery.upload2

异步上传文件组件
授权协议 MIT
开发语言 JavaScript
所属分类 jQuery 插件、 jQuery 文件上传
软件类型 开源软件
地区 国产
投 递 者 郎增
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

异步上传文件,兼容IE8,火狐和谷歌可用,如果可以使用h5则使用h5(h5时显示上传进度)

实现单个多次上传不刷新。




无标题文档




    function look() {
        //alert($("form input[type=file]").val())
        alert($("input[name=test]").upload("getFileVal"))
    }
    function clean() {
        $("input[name=test]").upload("clean")
    }
    function ajaxSubmit() {
        $("input[name=test]").upload({
            url: 'index.aspx',
            // 其他表单数据
            params: { name: 'pxblog' },
            // 上传完成后, 返回json, text
            dataType: 'json',
            onSend: function (obj, str) {  return true; },
            // 上传之后回调
            onComplate: function (data) {
                alert(data.file);
            }
        });
        $("input[name=test]").upload("ajaxSubmit")
    }


    function look1() {
        //alert($("form input[type=file]").val())
        alert($("input[name=test1]").upload("getFileVal"))
    }
    function clean1() {
        $("input[name=test1]").upload("clean")
    }
    function ajaxSubmit1() {
        $("input[name=test1]").upload({
            url: 'index.aspx',
            // 其他表单数据
            params: { name: 'pxblog' },
            // 上传完成后, 返回json, text
            dataType: 'json',
            onSend: function (obj, str) { return true; },
            // 上传之后回调
            onComplate: function (data) {
                alert(data.file);
            }
        });
        $("input[name=test1]").upload("ajaxSubmit")
    }




    

    

    

    

 

源码地址:http://code.taobao.org/svn/upload2/jquery.upload2.js

  • JS: $(function () { //文件上传地址 //var url = 'http://localhost/index.php/upload/do_upload'; var url = 'http://localhost/index.php/uploadwe'; //初始化,主要是设置上传参数,以及事件处理方法(回调函数) $('#fileupload').

  • 1.引入文件 <script src="/assets/global/plugins/jquery-file-upload/js/vendor/jquery.ui.widget.js" type="text/javascript"></script> <script src="/assets/global/plugins/jquery-file-upload/js/jquery.iframe-tr

  •   我今天介绍的Uploadify 3.2的,以前旧版本的并不适用,说到这个,我就火大,我也是第一次使用,也百度了下使用手册,结果坑爹的那些手册都是旧版的,新版的Uploadify接口和旧版的差太多了。废话不多说,进入正题。 Uploadify下载地址:http://www.uploadify.com/download/ 这里下载最新版的3.2的。 下载下来解压后估计里面很多文件,其实有用的也就一

  • 最近在写单文件上传,用jQuery File Upload踩了好多坑,但终于实现了单文件,通过按钮提交。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta ch

  • Query-File-Upload是一个jquery下的ajax文件上传插件, 官网:http://blueimp.github.io/jQuery-File-Upload/  , 官方API:https://github.com/blueimp/jQuery-File-Upload/wiki/API 下载下来的包东西很多.一般应用不需要那么多东西。  (一)css,js: <link rel="

  • 下面介绍 用插件实现图片异步上传的代码。  1   比要的js一个都不能少,他们之间是有依赖关系的。  jquery-1.8.2.min.js  jquery.ui.core.js  jquery.ui.widget.js  jquery.fileupload.js  jquery.iframe-transport.js  jquery.fileupload-process.js  jquery.

  • 对于图片上传来说有各种js库来帮助实现此功能,常用的包括uploadify和jquery的file upload这两个库。 1、uploadify实现起来比较简单 http://www.uploadify.com 2、file upload我还在看,git-hub上关于它的demo做的很不错,想尝试的朋友可以去 http://blueimp.github.io/jQuery-File-Upload

  • jQuery之upload2.js可在(http://www.91lik.win/lib/jquery.upload2.js)网站下载 在  html  中引入  jquery.js  及  jquery.upload2.js 需要这样一段  js: function ajaxSubmit($el) { $el.upload({ url: SERVER_URL, // 后

  • 相关资源下载:http://download.csdn.net/detail/zjc324106/7457791 1:jsp代码: 导入jquery.upload.js和jquery-1.7.2.js 添加调用js的代码:<a href="javascript:void(0)" οnclick="doUpload()">上传</a> 在底部写: <iframe style="position:ab

  • <input type="file" accept="jpg,png,doc,pdf" name="image" id="Upload"/> $('#Upload').imageCompress({ 'quality': 50, //设置压缩清晰度,越清晰压缩后的图片越大 'onloadStart': function(result){ console.log(

  • 读白—-(jquery.media.js) 使用过挺多文件预览的jq插件,最后还是发现jquery.media.js实现效果更加简便实用。这里不做过多介绍,只给出小demo引导,使用iframe切换文档。 代码 jquery.media.js下载 html代码: <div class="pdf" > <iframe id ="pdf_page" name ="pdf_page" style

  • 1.出现场景 我在学习修改账户密码时,调用接口后,googole浏览器控制台突然报错:jquery.min.js:5 POST http://localhost:3000/login 400 (Bad Request); 在powershell中node.js报:(node:11344) DeprecationWarning: collection.findAndModify is depreca

 相关资料
  • 问题内容: 我想用jQuery异步上传文件。 我只获取文件名,而不是上传文件。我该怎么做才能解决此问题? 问题答案: 使用HTML5,你可以使用Ajax和jQuery进行文件上传。不仅如此,你还可以执行文件验证(名称,大小和MIME类型)或使用HTML5进度标签(或div)处理进度事件。最近,我不得不制作一个文件上传器,但是我不想使用Flash,iframes或插件,经过一番研究后,我想到了解决方

  • 快速上手 demo 地址 https://github.com/ChenShenhai/koa2-note/tree/master/demo/upload-async 源码理解 demo源码目录 . ├── index.js # 后端启动文件 ├── node_modules ├── package.json ├── static # 静态资源目录 │ ├── image # 异步上传图片存储

  • jQuery异步上传, 其使用原理是iframe. 特点: 小巧 简单 使用方法 1 在页面引入jquery.upload js 2 代码 // upload_img 为一个按钮, 点击时选择文件上传$("#upload_img").click(function() { // 上传方法 $.upload({ // 上传地址

  • 本文向大家介绍浅谈struts1 & jquery form 文件异步上传,包括了浅谈struts1 & jquery form 文件异步上传的使用技巧和注意事项,需要的朋友参考一下 1.概述 还在用struts1?是的,在地球的没写地方,落后的生产方式还在运转(老项目). 从 继承org.apache.struts.action.Action, 继承org.apache.struts.actio

  • 本文向大家介绍Jquery异步上传文件代码实例,包括了Jquery异步上传文件代码实例的使用技巧和注意事项,需要的朋友参考一下 这篇文章主要介绍了Jquery异步上传文件代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 一,view代码 二,控制器代码 综上,就可以获取到file.InputStream文件流,然后对文件流的操作就可以了 以

  • 本文向大家介绍AjaxFileUpload.js实现异步上传文件功能,包括了AjaxFileUpload.js实现异步上传文件功能的使用技巧和注意事项,需要的朋友参考一下 做软工作业时,需要实现无刷新异步上传图片到服务器,于是想利用Ajax: 得到file的val,再post过去… 等真正实现的时候才发现,根本行不通。 于是翻来翻去找到一个封装好的js插件,可以实现异步上传文件。 AjaxFile

  • 问题内容: 经过一整天的研究和尝试,我终于放弃了 纯AJAX的 上传文件(ps:本文如何与JQuery异步上传文件?埋了我的最后希望) 我的问题可能没什么意义,但是我仍然想知道为什么ajax(或XMLHttpRequest)不能处理这个问题?为什么文件不能像真正的httprequest那样传输? 问题答案: 出于安全原因,JavaScript无法读取本地文件,因此我们无法使用AJAX发送数据。 但

  • 本文向大家介绍JavaScript中三种异步上传文件方式,包括了JavaScript中三种异步上传文件方式的使用技巧和注意事项,需要的朋友参考一下 异步上传文件是为了更好的用户体验,是每个前端必须掌握的技能。这里我提出三点有关异步文件上传的方式。     使用第三方控件,如Flash,ActiveX等浏览器插件上传。     使用隐藏的iframe模拟异步上传。     使用XMLHttpRequ