SWFUpload上传求助 - JavaScript论坛

楼主

已结贴√ 问题点数：0 回复次数：9

SWFUpload上传求助

http://demo.

图片附件: 游客没有浏览图片的权限，请登录或注册

链接是在线的，我想知道图片中的跳出那个框是怎么实现的，求助啊。那些代码看的有点乱了

搜索更多相关主题的帖子: 图片　在线　

第 2 楼

得分:3

flash实现的。。。那个类似按钮的东西是一个flash

第 3 楼

得分:0

http://demo.

第 4 楼

得分:0

回复 2楼 aspic

那这个flash要自己写的还是有现成的？

第 5 楼

得分:3

那是表单里的文件域，<input type="file" name="ff" id="ff">,然后放到表单里就可以了！不过你发的地址是用FLASH做的，用BUUTON模拟了它！JS也可以类似这样，代码如下：

<html>
<head>
  <title> 按钮模拟文件上传 </title>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head>
<body>
<form method="post" action="#">
<div style="width:60px;overflow:hidden;position:relative;">
  <input type="button" value="添加附件" style="width:100%;" />
  <input type="file" id="f" style="position:absolute;top:0px;left:-150px;filter:Alpha(opacity=0);opacity:0;-moz-opacity:0;" onchange="javascript:alert('选择的文件是:\n'+this.value);" />
</div>
</form>
</body>
</html>
上面的代码用的是层叠隐藏，实际上点的还是FILE控件！

Q:1428196631，百度：开发地即可找到我,有事请留言！

第 6 楼

得分:0

其实还有一种方法就是把FILE彻底隐藏，用BUTTON去真正模拟FILE，也就是点BUTTON然后激活FILE，这种效果目前我只知道IE有效，对于非IE，不知道如何激活！参考如下：

<input type="button" id="fff" value="上传" style="width:40px;height:30px;border:1px solid red;"/>
<input type="file" name="ff" id="ff" style="display:none;"/>
<script>
var btn="<input type='button' value='按钮' onclick='javascript:alert(1);'/>";
document.getElementById('fff').onclick=function(){
   document.getElementById('ff').click();
   alert(document.getElementById('ff').value);
  }

  </script>

Q:1428196631，百度：开发地即可找到我,有事请留言！

第 7 楼

得分:0

回复 6楼 gupiao175

很感谢你的回答，我已经在官网上找到了那个swf文件，引用一下代码和swf就行了。

程序代码：

window.onload = function() {
            var settings = {
                flash_url : "../swfupload/swfupload.swf",
                upload_url: "upload.php",
                post_params: {"PHPSESSID" : ""},
                file_size_limit : "100 MB",
                file_types : "*.*",
                file_types_description : "All Files",
                file_upload_limit : 100,
                file_queue_limit : 0,
                custom_settings : {
                    progressTarget : "fsUploadProgress",
                    cancelButtonId : "btnCancel"
                },
                debug: false,

 
                // Button settings
                button_image_url: "images/TestImageNoText_65x29.png",
                button_width: "65",
                button_height: "29",
                button_placeholder_id: "spanButtonPlaceHolder",
                button_text: '<span class="theFont">Hello</span>',
                button_text_style: ".theFont { font-size: 16; }",
                button_text_left_padding: 12,
                button_text_top_padding: 3,
                
                // The event handler functions are defined in handlers.js
                file_queued_handler : fileQueued,
                file_queue_error_handler : fileQueueError,
                file_dialog_complete_handler : fileDialogComplete,
                upload_start_handler : uploadStart,
                upload_progress_handler : uploadProgress,
                upload_error_handler : uploadError,
                upload_success_handler : uploadSuccess,
                upload_complete_handler : uploadComplete,
                queue_complete_handler : queueComplete    // Queue plugin event
            };

 
            swfu = new SWFUpload(settings);
         };

第 8 楼

得分:0

flash写的可以多选文件……

第 9 楼

得分:0

呵呵，

可惜我对FLASH不会！只能用JS的思想去实现FLASH的效果！毕竟这里是JAVASCRIPT论坛，发扬一下JS精神还是必须的！

Q:1428196631，百度：开发地即可找到我,有事请留言！

第 10 楼

得分:0

js操作不了客户端程序吧不然不成病毒了--