【问题标题】:How to get file path form input tag in java script如何从javascript中的输入标签获取文件路径
【发布时间】:2012-05-29 11:47:14
【问题描述】:

我在 HTML 中使用属性 type="file" 的输入标签。 如果我浏览并选择图像并尝试在脚本中使用 $('file_upload').val() 获取文件路径,它将返回路径为 "C:\fakepath\img_name"强>

我需要获取此路径并设置为默认输入来自 java 脚本的标记。

请帮帮我。

脚本:

$(document).ready(function() {$('#imgUpload_edit').change(
        function(){if ($(this).val()) {alert($('#imgUpload_edit').val());} }); });

HTML:

<FORM id="frmImgUpload_edit" ENCTYPE="multipart/form-data" ACTION="" METHOD="POST">
                            <label for="imgUpload_edit" id="bold-text_edit">Select an image for the Device Type:</label>
                            <input type="file" id="imgUpload_edit" name="deviceTypeImage_edit" size="10000"/>
                            <div id="imageEditDeviceType"></div>
                        </FORM>

【问题讨论】:

标签: javascript jquery html jquery-ui javascript-events


【解决方案1】:

抱歉,这无法完成。这是一项安全功能。

【讨论】:

    【解决方案2】:

    您可以使用 jQuery 创建一个输入元素,而不是将输入的 value 属性设置为您要从中获取它的元素的 val 吗?

    jQuery('input').attr("value",$('#imgUpload_edit').val())
    

    您可以根据需要对附加的 .attr 进行字符串处理,例如 id 等。

    【讨论】:

    • 那仍然会得到安全过滤的文件路径。
    • 如果路径是“http://....”而不是像“C:...”这样的本地工作区怎么办?那么它就不是安全问题了。
    • ——我从未见过接受 HTTP URI 的文件输入。该控件旨在将文件从用户的文件系统上传到网站。
    • 抱歉,误读了原始问题...这样做会构成安全漏洞。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-03-10
    • 2023-03-29
    • 1970-01-01
    • 2018-03-17
    • 2012-09-22
    • 2011-10-02
    相关资源
    最近更新 更多