清除 iOS 6 <input type=file> 图片缩略图答案

【问题标题】：Clear iOS 6 <input type=file> image thumbnail清除 iOS 6 <input type=file> 图片缩略图
【发布时间】：2012-09-20 04:17:33
【问题描述】：

从 iOS 6 开始，可以使用<input type='file'> 访问照片库。我使用它通过 UIWebView 将图像上传到墙上。工作正常。

Apple 很好地实现了输入元素，在按钮和文件名字段之间有一个自动生成的小缩略图。

我唯一的问题是我似乎无法重置此缩略图。如果它将输入的.value 设置为null，则文件名将被清除（如最初所述，“未选择文件”）但缩略图仍然存在。如果我尝试 .reset() 封装输入的 html 表单，同样的事情。小图不会消失！

有人知道如何实现吗？

【问题讨论】：

似乎应该有人提交错误报告。
嗯，是的。也许是这样，这是苹果没有想到的。

标签： javascript ios ios6

【解决方案1】：

我能够对包含的表单进行重置工作。我刚刚使用附加的 webkit 检查器在我的设备上做了一个简单的测试。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>upload</title>
    <style>
    html, body {
        width: 300px;
    }
    </style>
</head>
<body>

<form id="con">
<input id="tgt" type="file" />
</form>

</body>
</html>

我使用了上面的简单 html，然后在检查器中使用了以下 javascript：

var con = document.getElementById('con');
con.reset();

使用它为我删除了缩略图。我在这里包含了一个带有内联代码的示例： http://www.mixicon.com/downloads/input.html

【讨论】：

顺便说一句，我使用 iOS 6.1.1 (10B145) 来测试这个。 appVersion: "5.0 (iPhone; CPU iPhone OS 6_1_1 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10B145 Safari/8536.25"
假设他们现在已经解决了这个问题。谢谢你注意到我！