jquery uploadify动态传递参数实现方法

最新推荐文章于 2019-02-16 20:40:35 发布

weixin_33755554

最新推荐文章于 2019-02-16 20:40:35 发布

阅读量206

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/yjft/blog/855603

版权

为什么80%的码农都做不了架构师？>>>


<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
<title>小雨在线-单个视频上传插件</title>
<link href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
<link href="/css/buttons.css" rel="stylesheet">
<script src="//cdn.bootcss.com/jquery/1.7.1/jquery.min.js"></script>
<script src="jquery.uploadify.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="uploadify.css">

<style type="text/css">
    body {margin-bottom: 25px;}
    fieldset {padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}
    legend {padding:.5em;border:0;width:auto}
</style>




</head>

<body>



<script type="text/javascript">

    $(function() {
        $.fileupload1 = $('#fileupload1').uploadify({
            'auto' : false,
            'formData' : {
             //   "name" : $("#name").val(),
               // "age" : $("#age").val()
              //参数列表-静态传递
            },
            'buttonText': '请选择上传文件',
            'fileSizeLimit' : '3000MB',
            'fileTypeDesc' : '视频文件',
            'fileTypeExts' : '*.avi; *.wmv; *.mp4;*.mp3; *.mov; *.flv; *.mkv; *.rmvb',//文件类型过滤
            'swf'      : 'uploadify.swf',
            'multi':true,
            'successTimeout':1800,
            'queueSizeLimit':100,
            //上传地址
           'uploader' : './test.php',
            //onUploadSuccess为上传完视频之后回调的方法，
        
            'onUploadSuccess':function(file,data,response){

                alert(data);
               // var jsonobj=eval('('+data+')');     
               // $('#mess').html('上传成功！转码中...');       
               // $('#mess').html(jsonobj.data[0].vid + " - " + jsonobj.data[0].playerwidth + " - " + jsonobj.data[0].duration);       
               //alert(jsonobj.data[0].vid + " - " + jsonobj.data[0].playerwidth + " - " + jsonobj.data[0].duration);
            },

            'onUploadStart': function (file) { 
                //动态传值
                var element = {};
                element.name = $("#name").val();
                element.age = $("#age").val();

             //   $("#fileupload1").uploadify("settings", "formData", { '变量名': "变量值" });  
                $("#fileupload1").uploadify("settings", "formData", element);  
             //在onUploadStart事件中，上传之前，把参数写好传递到后台。  
            }  

        });
    });
</script>
 
 
 <div class="container">

        <fieldset>

          <legend><b>小雨在线-单个云视频上传插件</b></legend>


          <p>姓名：<input type="text" name="name" value="" id="name"></p>
          <p>年龄：<input type="text" name="age" value="" id="age"></p>


<p><input type="file" value="Filedata" id="fileupload1">
<input type="button" class="button button-highlight button-pill" onclick="javascript:$('#fileupload1').uploadify('upload','*')" value="上传">
  &nbsp;&nbsp;
            <a href="" target="_blank" class="button button-highlight button-pill">前台查看</a>

</p>

<h4 id="mess"></h4>


    </fieldset>



    </div>


</body>
</html>

转载于:https://my.oschina.net/yjft/blog/855603