从输入类型文件中获取值

Get value from input type file

本文关键字:获取 文件 输入 类型      更新时间:2023-09-26

当我使用输入类型文件时,我想更改输入类型文本值。我已经尝试了以下代码,但我仍然不知道如何处理这个问题。

HTML:

<input type="text" name="imagem" class="filename" value="<?php echo htmlentities($row_dados['imagem'], ENT_COMPAT, 'utf-8'); ?>" size="32" readonly />
<input type="file" name="id_imagem">

JS:

$('input[type="file"]').on('change', function (event, files, label) {
var file_name = this.value.replace(/''/g, '/').replace(/.*'//, '')
$('input[type="text"].filename').value(file_name);
});
请注意,jquery使用"val()"方法访问输入值。

我想你的脚本在控制台中有一些错误。。

尝试

$('input[type="file"].filename').val(file_name);

以同样的方式,更好地获得以下代码的文件值:

var file_name = $(this).val().replace(/''/g, '/').replace(/.*'//, '')

如果您试图更改text字段值,为什么要针对文件值?

代码看起来像:

/* Let's bind it just for the id_imagem, not the all input[type="file"] */
$('#id_imagem').bind
(
    'change',
    function(e)
    {
        /* Supposing your fields are inside a <form>, this notation will work */
        this.form.elements['imagem'].value = this.value.replace(/''/g, '/').replace(/.*'//, '');
        return true;
    }
);