webupload上传插件中，单个文件上传处理

最新推荐文章于 2025-07-13 12:54:22 发布

鱼之乐-子焉知

最新推荐文章于 2025-07-13 12:54:22 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： webupload js 文章标签： webupload

本文链接：https://blog.youkuaiyun.com/qq_35770969/article/details/83857571

上传插件如何使用，我这里就不多说了，网上大把教程。今天我要讲的是如何限制上传一个文件，以及当文件选择错误是，再重新选择文件导致的问题。

默认给上传插件支持多文件上传，但是我们有很多需求是之上传单个文件，下面就来一起学习学习吧！

插件html

<div class="form-group">
    <label for="img" class="control-label col-sm-2"><span class="require_red">*&nbsp;&nbsp;</span>奖品图片：</label>
     <div id="uploader" class="wu-example col-sm-10 col-md-4">
     <input type="hidden" name="img" id="img" value="{
  
  {$resData['award_pic_normal']}}">
     <!--预览-->
     <div id="preview" class="uploader-list" style="margin-bottom: 3px"><img src="{
  
  { $resData['award_pic_normal']}}" alt=""></div>
     <div id="picker" class="col-sm-5 col-md-3">选择文件</div>
     <div id="ctlBtn" class="btn btn-primary" style="height: 40px">开始上传</div>
       　　<span class="require_red font-size">图片尺寸255x255，透明背景</span>
     </div>
</div><