求助,为什么2个差不多的type为file的input点击后打开弹窗响应时间相差巨大?

html代码如下,
求助,为什么2个差不多的type为file的input点击后打开弹窗响应时间相差巨大?我应该怎么解决?

我的环境:osx chrome

<!DOCTYPE HTML>
<html lang="en">
  <head>
    <meta charset="UTF-8">
  </head>
  
  <body>

    瞬间打开选择图片弹窗 :<input type="file" name="xxx">

<br><br>


        <form method="post">
         <div class="fyh-scategory">
            <div class="fyh-procurementcon">

            
            <div class="fyh-procurementcon-row">
                <div class="fyh-procurementcon-rowr">
                    <div class="images-uploader">
                        <div class="handle img-thumbnail action-upload">
                          要等10多秒才回出现选择图片弹窗 :  <input type="file" name="sample_pic[]" multiple accept="image/*"
                                   data-size="2097152" data-max="5"
                                   data-remote="MYHOST/utils/util/upload_images.html?from=user&type=purchase"
                                   class="action-file-input">
                            <span class="icon-add"></span>
                        </div>

                    </div>
                </div>
            </div>


            <div class="fyh-procurementcon-row">
                <div class="fyh-procurementcon-rowl">标题:</div>
                <div class="fyh-procurementcon-rowr">
                    <input type="text" name="title" value="asdasdas">
                </div>
            </div>

            <div class="fyh-procurementcon-row">
                <div class="fyh-procurementcon-rowl">需求描述:</div>
                <div class="fyh-procurementcon-rowr"><textarea name="content" value="sadsadsad"
                                                               placeholder="请详尽描述需求性质,成份,颜色,季节,图案,工艺,数量或价格等信息,我们能为您找到最匹配的供应商">sadsadsad</textarea>
                </div>
            </div>

            <div class="fyh-procurementcon-row">
                <div class="fyh-procurementcon-rowl">采购数量:</div>
                <div class="fyh-procurementcon-rowr">
                    <input type="text" name="count" value="23">
                    <select name="unit">
                        <option>米</option>
                    </select>
                </div>
            </div>

            <div class="fyh-procurementcon-row">
                <div class="fyh-procurementcon-rowl">相似程度:</div>
                <div class="fyh-procurementcon-rowr">
                    <input type="radio" name="similarity" value="如图类似" id="similarity1"
                                        checked
                                        ><label
                        for="similarity1"><span>如图类似</span></label>
                    <input type="radio" name="similarity" value="和图一样" id="similarity2"

                    
                    ><label for="similarity2"><span>和图一样</span></label>
                </div>
            </div>

            <div class="fyh-procurementcon-row">
                <div class="fyh-procurementcon-rowl">需求类别:</div>
                <div class="fyh-procurementcon-rowr">
                    <input type="radio" name="stock_type" value="现货" id="stockType1"
                                        ><label
                        for="stockType1"><span>现货</span></label>
                    <input type="radio" name="stock_type" value="期货" id="stockType2"

                                        checked
                    
                    ><label
                        for="stockType2"><span>期货</span></label>
                </div>
            </div>

            <div class="fyh-procurementcon-row">
                <div class="fyh-procurementcon-rowl">实样:</div>
                <div class="fyh-procurementcon-rowr">
                    <input type="radio" name="is_sample" id="isSample1" value="0"
                                        checked
                                        ><label
                        for="isSample1"><span>否</span></label>
                    <input type="radio" name="is_sample" id="isSample2" value="1"

                    
                    ><label for="isSample2"><span>是</span></label>
                </div>
            </div>


            <div class="fyh-procurementcon-row">
                <div class="fyh-procurementcon-rowl"><input type="checkbox" name="phoneMe"

                    
                    >允许商家来电:
                </div>
                <div class="fyh-procurementcon-rowr"><input type="text" name="phone"
                                                            value=""></div>
            </div>

            <div class="fyh-procurementcon-row">
                <div class="fyh-procurementcon-rowl">品质要求:</div>
                <div class="fyh-procurementcon-rowr">
                    <input type="radio" name="quality_type" id="qualityType1" value="市场货"

                    
                    ><label
                        for="qualityType1"><span>市场货</span></label>
                    <input type="radio" name="quality_type" id="qualityType2" value="品质货"

                                        checked
                    
                    ><label
                        for="qualityType2"><span>品质货</span></label>
                </div>
            </div>

            <div class="fyh-procurementcon-row">
                <div class="fyh-procurementcon-rowl">付款方式:</div>
                <div class="fyh-procurementcon-rowr">
                    <input type="radio" name="payment_type" id="payType1" value="现款"

                    
                    ><label
                        for="payType1"><span>现款</span></label>
                    <input type="radio" name="payment_type" id="payType2" value="分期"

                                        checked
                    
                    ><label
                        for="payType2"><span>分期</span></label>
                </div>
            </div>

            <div class="fyh-procurementcon-row">
                <div class="fyh-procurementcon-rowl">期望价格:</div>
                <div class="fyh-procurementcon-rowr">
                    <input type="text" name="expect_min_price" value="3.000">-
                    <input type="text" name="expect_max_price" value="44.000">元/米
                </div>
            </div>

            <div class="fyh-procurementcon-row">
                <div class="fyh-procurementcon-rowl">有效时间:</div>
                <div class="fyh-procurementcon-rowr">
                    <input type="text" name="expire_date" value="2016-09-23">
                </div>
            </div>

            <div class="fyh-procurement-publish"><input type="submit" value="发布"></div>
            </div>
          </div>
        </form>


  
</html>

图片描述

阅读 3.3k
2 个回答

accept="image/*" 这个属性,通识符导致的。

用的啥浏览器?我用谷歌没你说的毛病,都是点击就可以选择文件的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题