聚合物点击iOS上的重新路由

Question

我正在使用一个隐藏的 <input id="mfile" type="file" accept="image/*"> 触发器与谷歌的元素目录中的纸制品.除了iOS上的safari之外,它可以在任何地方使用,点击会触发,但不会重定向到输入.

通过重定向,我的意思是触发器上的触发器上的触发器 this.$.mfile.click();

有任何建议或解决方法吗？

Answer 1

感谢来自聚合物松弛的@marx_tseng,这是解决方案:https://polymer.slack.com/archives/general/p1478229319019481

<paper-fab id="fileFab" label="File" on-tap="_pickFile"></paper-fab>
<input type="file" id="filePicker" hidden />

...

_pickFile: function(e) {
    e.preventDefault();
    this.$.fileFab.blur();

    // cancelable is true, not work on ios simulator
    // this.$.filePicker.click();

    // default cancelable is false, work on ios simulator
    try {
        // fixes mobile safari
        var evt = new MouseEvent("click");
        this.$.filePicker.dispatchEvent(evt);
    } catch (e) {
        // fallback for IE11
        this.$.filePicker.click();
    }

}