• 上传文件框在firefox浏览器中显示路径不全的解决方法


    记录下firefox浏览器中上传文件框显示路劲不全的解决办法。

    html文本:

    <div>

       <span style="font-size: 15px; margin-left:200px;">导入</span>
            <input type="file" name="picpath" id="picpath" style="display: none" onchange="picpathchange()"/>
            <input name="path" id="path" readonly="readonly" style = "350px;font-size: 15px;height: 35px;"  class="bigTextBox" />
            <input type="button" value="浏览..." onclick="picpathclick()" class="whiteBtn" />

    </div>

    js代码

    <script type="text/javascript">

    function picpathchange() {
            $("#path").html("");
            $("#path").val(FilePath.getFilePath(document.getElementById("picpath")));
        }
        function picpathclick() {
            $("#picpath").val("");
            $("#picpath").click();
        }
        var FilePath = {
            getFilePath: function (fileBrowser) {
                if (navigator.userAgent.indexOf("MSIE") != -1) { fileBrowser.select(); return document.selection.createRange().text; }
                else if (navigator.userAgent.indexOf("Firefox") != -1 || navigator.userAgent.indexOf("Mozilla") != -1) return this.getFilePathWithFF(fileBrowser);
                else alert("Not IE or Firefox (userAgent=" + navigator.userAgent + ")");
            },
            getFilePathWithFF: function (fileBrowser) {
                try {
                    netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
                } catch (e) {
                    alert('由于浏览器安全问题 请按照以下设置 [1] 地址栏输入 "about:config" ; [2] 右键 新建 -> 布尔值 ; [3] 输入 "signed.applets.codebase_principal_support" (忽略引号).');
                    return;
                }
                var fileName = fileBrowser.value;
                var file = Components.classes["@@mozilla.org/file/local;1"].createInstance(Components.interfaces.nsILocalFile);
                try {
                    file.initWithPath(fileName.replace(/\//g, "\\\\"));
                } catch (e) {
                    if (e.result != Components.results.NS_ERROR_FILE_UNRECOGNIZED_PATH) throw e;
                    alert("File '" + fileName + "' cannot be loaded: relative paths are not allowed. Please provide an absolute path to this file.");
                    return;
                }
                return file.path;
            }
        }

    </script>

    图示:

  • 相关阅读:
    Linux入门-ssh scp rsync
    Linux入门-samba
    Linux入门-vsftp
    Linux入门-nfs
    MySQL卸载(rpm)
    rust_3_所有权
    rust_1_入门指南与猜猜看游戏
    vscode首次ssh remote linux连不上
    vbox新装ubuntu虚拟机注意事项
    IBM Rational Rose和Start UML的c++逆向工程自动生成UML类图组件
  • 原文地址:https://www.cnblogs.com/Joans/p/2226516.html
Copyright © 2020-2023  润新知