帝国cms百度Webupload批量上传组件,支持前台投稿

使用说明:该版本 UTF-8
1:将webupload放置e/extentd/目录下
2:修改图片集 投稿表单替换html代码 设置成以下:

百度Webupload批量上传组件 插件,支持前台投稿KSbECMSPLUS

是一款非常棒的基于HTML5,兼容移动端的批量上传组件,可以到官网查看介绍:http://fex.baidu.com/webuploader/KSbECMSPLUS
KSbECMSPLUS
KSbECMSPLUS

WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的上传组件。兼容IE6+,iOS 6+, android 4+。两套运行时,同样的调用方式,可供用户任意选用。KSbECMSPLUS

采用大文件分片并发上传,极大的提高了文件上传效率。KSbECMSPLUS

KSbECMSPLUS

KSbECMSPLUS
KSbECMSPLUS
使用说明:该版本 UTF-8KSbECMSPLUS
1:将webupload放置e/extentd/目录下KSbECMSPLUS
2:修改图片集 投稿表单替换html代码  设置成以下:

下载地址:

Webupload.html
Webupload.html
KSbECMSPLUS
<div id="wrapper">KSbECMSPLUS
  <div id="container" style="width:600px;">KSbECMSPLUS
    <!--头部,相册选择和格式选择-->KSbECMSPLUS
    <div id="uploader">KSbECMSPLUS
      <div class="statusBar" style="&lt;?=$enews=='MEditInfo'?'':'display:none;'?>">KSbECMSPLUS
        <div class="progress"> <span class="text">0%</span> <span class="percentage"></span> </div>KSbECMSPLUS
        <div class="btns">KSbECMSPLUS
          <div class="uploadBtn">开始上传</div>KSbECMSPLUS
          <div id="filePicker2"></div>KSbECMSPLUS
        </div>KSbECMSPLUS
        <div class="info"></div>KSbECMSPLUS
      </div>KSbECMSPLUS
      <div class="queueList">KSbECMSPLUS
        <div id="dndArea" class="placeholder&lt;?=$enews=='MEditInfo'?' element-invisible':''?>">KSbECMSPLUS
          <div id="filePicker"></div>KSbECMSPLUS
          <p>或将照片拖到这里,单次最多可选4张</p>KSbECMSPLUS
        </div>KSbECMSPLUS
      </div>KSbECMSPLUS
    </div>KSbECMSPLUS
  </div>KSbECMSPLUS
</div>KSbECMSPLUS
KSbECMSPLUS
 

如下示例代码:

<div id="wrapper">
  <div id="container" style="width:600px;">
    <!--头部,相册选择和格式选择-->
    <div id="uploader">
      <div class="statusBar" style="&lt;?=$enews=='MEditInfo'?'':'display:none;'?>">
        <div class="progress"> <span class="text">0%</span> <span class="percentage"></span> </div>
        <div class="btns">
          <div class="uploadBtn">开始上传</div>
          <div id="filePicker2"></div>
        </div>
        <div class="info"></div>
      </div>
      <div class="queueList">
        <div id="dndArea" class="placeholder&lt;?=$enews=='MEditInfo'?' element-invisible':''?>">
          <div id="filePicker"></div>
          <p>或将照片拖到这里,单次最多可选4张</p>
        </div>
      </div>
    </div>
  </div>
</div>

下载附件

分享到 :
相关推荐

发表评论

登录... 后才能评论

评论(3)

加入本站VIP会员订阅计划,海量资源免费下载查看

目前为止共有3位优秀的VIP会员加入!

立即加入VIP会员