0

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

链接到小提琴：http: //jsfiddle.net/Z7bA3/68/

这里的代码：

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上工作？提前感谢您的答案。

4

1 回答 1

2

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

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

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

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

于 2013-09-17T13:39:18.933 回答