Question

i have contact form and there i used a file upload file. now i want to get the value it means the path from the file upload field by jQuery. The file upload field has the class named filebrowse and i want to store the value and echo the value in another input field. i used this code for retrieve the path

var val = jQuery(".filebrowse").val();
console.log(val);
jQuery( .file-input ).attr( value , val);

it works but it didnot show the value in the input box field. becoz by default the input box is empty so it shown nothing. now i want to display the value in the input box when one browse file to the file upload field.

Answer 1

您指的是,为了获得档案领域的价值:

$( .filebrowse ).change( function(){
    console.log( $(this).val() );
});

Answer 2

由于安全原因,不可能确定档案投入的价值。这样做将使恶性 j有可能使你确定档案,然后按方案提交表格,使他们能够通过强迫上载在你的系统中偷窃任何档案,只要他们知道这样做的道路。

Edit - heh, I misread the question and answered based on the example code. It s generally possible to get the filename of the value of a file input, but it will not include the path, again for security reasons.

Answer 3

根据您的问答和陈述,有两部分标明价值(工作)并显示其他非工作投入的价值。

选择输入类型对文件的价值是正确的,但顺序很重要。确保管理局的顺序正确控制职能,然后在支部中使用。

页: 1

确保贵格会的挑选者在文件内准备好,并参加变化活动。

备选办法1:通过变更活动控制职能。

function fileUploadChanged(fileUploader) {
  let path = $(fileUploader).val();
  console.log( Path:= , path);
  $( #fileSelectedOutput ).val(path);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!-- FILE UPLOAD -->
<input type="file" style="width:100%;" class="fu" id="fileUploader" name="fileUploader" onchange="fileUploadChanged(this)" />

<!-- OUTPUT -->
<input id="fileSelectedOutput" type="text" />

备选案文2:确保变更活动受已准备好的文件内控制。

$(document).ready(function() {
  $( #fileUploader ).change(function() {
    let path = $(this).val();
    console.log( Path:= , path);
    $( #fileSelectedOutput ).val(path);
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!-- FILE UPLOAD -->
<input type="file" style="width:100%;" class="fu" id="fileUploader" name="fileUploader" />

<!-- OUTPUT -->
<input id="fileSelectedOutput" type="text" />

友情链接