张仲景的小柴胡 2016-04-08 07:18 采纳率: 12.5%
浏览 2983

Html Webuploader 拖拽上传没有效果

<!doctype html>







Document
<link rel="stylesheet" type="text/css" href="D:/web/webuploader/webuploader.css" />

<link rel="stylesheet" type="text/css" href="D:/web/webuploader/uploadstyle.css" />

<script type="text/javascript" src="D:/web/webuploader/upjquery.js"></script>

<script type="text/javascript" src="D:/web/webuploader/webuploader.js"></script>

<script type="text/javascript" src="D:/web/webuploader/upload.js"></script>


uploader = WebUploader.create({ auto: true, // swf文件路径 swf:'D:\web\webuploader\Uploader.swf', // 文件接收服务端。 server: 'http://webuploader.duapp.com/server/fileupload.php', // 选择文件的按钮。可选。 // 内部根据当前运行是创建，可能是input元素，也可能是flash. pick: '#filePicker', // 只允许选择图片文件。 accept: { title: 'Images', extensions: 'gif,jpg,jpeg,bmp,png', mimeTypes: 'image/*' } }); // 当有文件添加进来的时候 uploader.on( 'fileQueued', function( file ) { var $li = $( '<div id="' + file.id + '" class="file-item thumbnail">' + '<img>' + '<div class="info">' + file.name + '</div>' + '</div>' ), $img = $li.find('img'); // $list为容器jQuery实例 $list.append( $li ); // 创建缩略图 // 如果为非图片文件，可以不用调用此方法。 // thumbnailWidth x thumbnailHeight 为 100 x 100 uploader.makeThumb( file, function( error, src ) { if ( error ) { $img.replaceWith('<span>不能预览</span>'); return; } $img.attr( 'src', src ); }, thumbnailWidth, thumbnailHeight ); }); 
                    <p>或将照片拖到这里，单次最多可选9张，单个文件大小不超过2M</p>

                </div>

            </div>

            <div class="statusBar" style="display:none;">

                <div class="progress">

                    <span class="text">0%</span>

                    <span class="percentage"></span>

                </div><div class="info"></div>

                <div class="btns">

                    <div id="filePicker2"></div><div class="uploadBtn">发表</div>

                </div>

            </div>

        </div>

        </div>

  • 写回答

1条回答

  • devmiao 2016-04-08 07:22
    关注

    http://sc.chinaz.com/info/140724299544.htm

    评论

报告相同问题？

悬赏问题

  • ¥15 逻辑谓词和消解原理的运用
  • ¥15 三菱伺服电机按启动按钮有使能但不动作
  • ¥15 js，页面2返回页面1时定位进入的设备
  • ¥200 关于#c++#的问题，请各位专家解答！网站的邀请码
  • ¥50 导入文件到网吧的电脑并且在重启之后不会被恢复
  • ¥15 （希望可以解决问题）ma和mb文件无法正常打开，打开后是空白，但是有正常内存占用，但可以在打开Maya应用程序后打开场景ma和mb格式。
  • ¥20 ML307A在使用AT命令连接EMQX平台的MQTT时被拒绝
  • ¥20 腾讯企业邮箱邮件可以恢复么
  • ¥15 有人知道怎么将自己的迁移策略布到edgecloudsim上使用吗？
  • ¥15 错误 LNK2001 无法解析的外部符号