在文本输入字段中插入上传文件的路径

Question

有没有办法在文件被选择到文本输入字段后插入文件的路径？

Select images: <input type="file"> 
File path here: <input type="text"> 

我做了一个摆弄一个例子：https://jsfiddle.net/5by18xon/

Answer 1

是您可以使用输入文件change事件：

$('input[type="file"]').change(function(){ 
 
    $('input[type="text"]').val($(this).val()); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
Select images: <input type="file"><br><br> 
 
File path here: <input type="text">