如何给form动态添加enctype="multipart/form-data"？

Question

我有一个表单，用户可以在其中提交文本区域或音频文件，但不能同时提交。

表格

<form id="contact-form" action="/contact" method="post" >
  <input type="file" id="file-upload"  name="file" accept="audio/mp3" capture>
<div class="file_name"></div> 
 <input  name="title" value="">
 <textarea class="body" name="body"></textarea>
 <button type="submit" value="Submit"> Send</button>
</form>

jQuery:

$('#file-upload').change(function() { 
    var file = $('#file-upload')[0].files[0].name;
    $('.file_name').text(file);
    $( ".body" ).slideToggle( "slow");
  });

我想知道如何将 enctype="multipart/form-data" 附加到表单以防文件被添加到表单？

Answer 1

检查 .attr 文档

.attr() Jquery API Documentation

如何给form动态添加enctype="multipart/form-data"？

How to dynamically add enctype="multipart/form-data" to form?

forms

jquery

multipartform-data