uploadify多图上传,可动态添加上传框
https://git.oschina.net/wuxiang12580/uploadfiy.git
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>UploadiFive Test</title>
- <script src1="jquery2.js" type="text/javascript"></script>
- <script src1="jquery.uploadify.min.js" type="text/javascript"></script>
- <link rel="stylesheet" type="text/CSS" >
- <style type="text/css">
- body {
- font: 13px Arial, Helvetica, Sans-serif;
- }
- </style>
- </head>
- <body>
- <h1>Uploadify Demo</h1>
- <div class='upload'>
- <form>
- <div class='form_file'>
- <div class='file'>
- <input id="file_upload1" name="file_upload" type="file" multiple="true">
- </div>
- </div>
- </form>
- </div>
- <a href="javascript:;" class="clickUpload"> 点击 </a>
- <script type="text/javascript">
- <?php $timestamp = time();?>
- $(function() {
- var i=2;
- $('.clickUpload').click(function(){
- var html='';
- html+='<div class="file"><input id="file_upload'+i+'" name="file_upload" type="file" multiple="true"></div>';
- $('.form_file').append(html);
- $('#file_upload'+i).uploadify({
- 'formData' : {
- 'timestamp' : '<?php echo $timestamp;?>',
- 'token' : '<?php echo md5('unique_salt' . $timestamp);?>'
- },
- 'swf' : 'uploadify.swf',
- 'uploader' : 'uploadify.php',
- 'width' : '120',
- 'fileTypeExts': '*.gif; *.jpg; *.png',
- 'buttonText': '上传图片',
- 'removeCompleted' : false,
- 'multi' : true, //允许多图上传
- //上传成功后执行
- 'onUploadSuccess': function (file, data, response) {
- $('#' + file.id).find('.data').html(' 上传完毕');
- }
- });
- i++;
- })
- $('#file_upload1').uploadify({
- 'formData' : {
- 'timestamp' : '<?php echo $timestamp;?>',
- 'token' : '<?php echo md5('unique_salt' . $timestamp);?>'
- },
- 'swf' : 'uploadify.swf',
- 'uploader' : 'uploadify.php',
- 'width' : '120',
- 'fileTypeExts': '*.gif; *.jpg; *.png',
- 'buttonText': '上传图片',
- 'removeCompleted' : false,
- 'multi' : true, //允许多图上传
- //上传成功后执行
- 'onUploadSuccess': function (file, data, response) {
- $('#' + file.id).find('.data').html(' 上传完毕');
- }
- });
- });
- </script>
- </body>
- </html>
来源: https://www.oschina.net/code/snippet_1791114_58598