zoukankan      html  css  js  c++  java
  • jquery.fileupload插件的简易使用日志

    来源:http://yixiandave.iteye.com/blog/1897330

    本文内容主要包含fileupload插件传递参数和取回服务器返回数据的方法 

    jquery.fileupload官网:http://blueimp.github.io/jQuery-File-Upload/ 

    fileupload是一个jquery下的ajax文件上传插件 

    下载下来的包东西很多,很多也是没必要的,这里只谈谈最小级别的应用 

    首先,依赖js: 

    Html代码  收藏代码
    1. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>  
    2. <script src="js/vendor/jquery.ui.widget.js"></script>  
    3. <script src="js/jquery.iframe-transport.js"></script>  
    4. <script src="js/jquery.fileupload.js"></script>  


    缺一不可(如果已经引入jquery-ui包则jquery.ui.wiget.js不需要再次引入) 
    大部分资料其实官网上都能找到,说点官网没有的或者说的不够清楚的 
    附上官方API:https://github.com/blueimp/jQuery-File-Upload/wiki/API 

    调用方式: 

    Html代码  收藏代码
    1. <input type="file" name="files" id="fileupload_input" />  
    Js代码  收藏代码
      1. $("#fileupload_input").fileupload({  
      2.     url:"files/upload",//文件上传地址,当然也可以直接写在input的data-url属性内  
      3.     formData:{param1:"p1",param2:"p2"},//如果需要额外添加参数可以在这里添加  
      4.     done:function(e,result){  
      5.         //done方法就是上传完毕的回调函数,其他回调函数可以自行查看api  
      6.         //注意result要和jquery的ajax的data参数区分,这个对象包含了整个请求信息  
      7.         //返回的数据在result.result中,假设我们服务器返回了一个json对象  
      8.         console.log(JSON.stringify(result.result));  
      9.     }  
      10. })  
  • 相关阅读:
    数组中重复的数字
    第一个只出现一次的字符位置
    丑数
    字符串的排列
    把数组排成最小的数
    圆圈中最后剩下的数
    同步通信与异步通信
    S3C2440 UART串口驱动
    ARM处理器工作模式
    s3c2440系统时钟
  • 原文地址:https://www.cnblogs.com/zhhq/p/3469791.html
Copyright © 2011-2022 走看看