清除iOS 6 <input type =“file”/>图像缩略图

时间:2012-09-28 09:29:59

标签: javascript ios ios6

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

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

我唯一的问题是我似乎无法重置此缩略图。如果它将输入的.value设置为null,则文件名清除(&#34;没有选择文件&#34;,如最初所述)但缩略图仍然存在。如果我尝试.reset()封装输入的html表单,也是一样的。小图片不会消失!

任何人都知道如何实现这一目标?

1 个答案:

答案 0 :(得分:2)

我可以在包含表单上重置工作。我只是使用附加的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