Question

我遇到了这个问题：我想从按钮切换文件选择器。在jsfiddle上我可以完全这样做，而相同的代码在TideSDK中不起作用。这真的很奇怪，我会认为这是一个与TideSDK相关的问题。

这里是代码：

HTML5

<input type="file" id="fileChooser" />
<button id="btnChoose">Browse</button>
<input type="text" id="fileChooserText" placeholder="Choose a file" />

CSS3

#fileChooser {
    position: relative;
    top: 350px;
    display: none;
}

#btnChoose {
    position: relative;
    top: 35px;
    left: -60px;
    height: 36px;
    width: 100px;
    color: #7C7C7C;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    background-color: #F3F3F3;
    border: solid 1px #BBBBBB;
    border-radius: 1px;
}

#fileChooserText {
    position: relative;
    top: 35px;
    left: -65px;
    height: 32px;
    width: 215px;
    outline: none;
    text-decoration: none;
    text-overflow: ellipsis;
    text-indent: 5px;
    border-radius: 1px;
    border: 1px solid #BBBBBB;
}

的jQuery

$(document).ready(function(){

    $("#btnChoose").click(function() {
    $("#fileChooser").click();
 });

    $("#fileChooser").change(function() {
        $('#fileChooserText').val($(this).val());
    });
});

我怎样才能在tideSDK上运行？提前感谢您的答案。

Answer 1

我没有使用过TideSDK，但我熟悉类似的HTML / Javascript跨平台开发工具。一旦开始使用其中一个框架，就需要使用平台的语法。因此，在TideSDK的情况下，您似乎需要使用这些选项来打开文件选择器对话框：

http://tidesdk.multipart.net/docs/user-dev/generated/#!/api/Ti.UI.UserWindow-method-openFileChooserDialog

您正在使用Javascript编写代码，但您需要使用平台提供的工具和库才能正常工作。

我希望我对平台有更多了解，希望这有帮助！

TideSDK - 尝试从按钮切换文件选择器时出现问题

1 个答案: