javascript - 求助，为什么2个差不多的type为file的input点击后打开弹窗响应时间相差巨大?
本文介绍了javascript - 求助，为什么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>
解决方案
accept="image/*" 这个属性，通识符导致的。
这篇关于javascript - 求助，为什么2个差不多的type为file的input点击后打开弹窗响应时间相差巨大?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
