论坛首页 Web前端技术论坛

一个页面怎么使用多个uploadify上传控件?麻烦帮看下,谢谢!

浏览 8051 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2012-03-30   最后修改:2012-03-30
我想在一个页面上放两个uploadify上传控件,分别上传到两个目录下,在IE6下可以正常上传,但在firefox 和google下不正常,上传文件的滚动条都没动一下!

保存按钮单击事件,执行下面的JS
    $('#file_upload').uploadifyUpload();  
    $('#first_upload').uploadifyUpload();  


html里面两个inpute的ID不同的!
                <div title="列表首图" style="padding:10px;">  
                    <table border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td><div id="firstQueue"></div></td>
                            <td rowspan="2"><div id="imageshow"><img name="" src="<?php print $first_image ?>" width="234" height="195" alt="<?php print $dir . $china_id . '.jpg' ?>"></div></td>
                        </tr>
                        <tr>
                            <td align="center"><input name="first_upload" type="file" id="first_upload" size="6"></td>
                        </tr>
                    </table>

                </div>                  

                <div title="展示相册" style="padding:10px;">
                    <table border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td><div id="fileQueue"></div></td>
                            <td><img name="" id="image_list_show" src="/uploads/0000000005/00000085/00000085.jpg" width="234" height="195" alt=""></td>
                        </tr>
                        <tr>
                            <td align="center"><input name="file_upload" type="file" id="file_upload" size="6"></td>
                            <td align="center">
                                <select name="image_list" id="image_list" editable="false" class="easyui-combobox" url="image_list_action.php?action=select&china_id=<?php print $china_id ?>"> </select>
                                <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-remove" onclick="delimage()">删除</a>
                            </td>
                        </tr>
                    </table>

                </div>



两个ID执行的脚本也不同!
            //上传相册开始
            $('#file_upload').uploadify({
                'uploader'  : '/shopmanage/public/js/uploadify/uploadify.swf',
                'script'    : '/shopmanage/public/js/uploadify/uploadify.php',
                'scriptData': { 'session': '<?php echo session_id(); ?>'},
                'cancelImg' : '/shopmanage/public/js/uploadify/cancel.png',
                'folder'    : '/uploads',
                'buttonImg' : '/shopmanage/public/js/uploadify/selectshow.jpg',
                'width'     : 116,
                'height'    : 26, 
                'queueSizeLimit' : 5,
                'fileDesc'  : '请选择图像文件',
                'fileExt'   : '*.jpg;*.gif;*.png',
                'sizeLimit' : 150000,
                'simUploadLimit' : 5,
                'queueID'        : 'fileQueue',
                'auto'           : false,
                'multi'          : true
            }); 
            //上传相册结束                
                
            //上传首图开始  
            $('#first_upload').uploadify({
                'uploader'  : '/shopmanage/public/js/uploadify/uploadf.swf',
                'script'    : '/shopmanage/public/js/uploadify/uploadfirst.php',
                'scriptData': { 'session': '<?php echo session_id(); ?>'},
                'cancelImg' : '/shopmanage/public/js/uploadify/cancel.png',
                'folder'    : '/uploads',
                'fileDataName' : 'Firstdata',
                'buttonImg' : '/shopmanage/public/js/uploadify/selectlist.jpg',
                'width'     : 116,
                'height'    : 26, 
                'queueSizeLimit' : 1,
                'fileDesc'  : '请选择图像文件',
                'fileExt'   : '*.jpg;*.gif;*.png',
                'sizeLimit' : 150000,
                'simUploadLimit' : 1,
                'queueID'        : 'firstQueue',
                'auto'           : false,
                'multi'          : true
            }); 
            //上传首图结束 


  • 大小: 41.4 KB
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics