Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > js动态在form上插入enctype=multipart/form-data的问题_表单特效

js动态在form上插入enctype=multipart/form-data的问题_表单特效

WBOY
Freigeben： 2016-05-16 17:53:06
Original
1467 Leute haben es durchsucht

我们都知道要让form能提交文件，需要在form上指定enctype=multipart/form-data的attribute，这样才能上传文件，关于enctype的文章很多，就不再做解释。

问题是因为使用了MVC的Html.BeginForm()来输出表单代码，默认是没有加入enctype的，

复制代码 代码如下:

@using (Html.BeginForm()) {
}

在PartialView中有一个用来上传文件，又不想为了这个PartialView去修改父页面的Html.BeginForm()，我的做法是在PartialView中用脚本来为form加入enctype：

复制代码 代码如下:

$(function(){
$('#file').parents('form').attr('enctype', 'multipart/form-data');
});

最近的主流浏览器都测试通过没问题，唯独IE的几个旧版本出问题，试了手工在Html.BeginForm()中加入enctype是可以解决问题的，说明问题出在以上的脚本。多方查找终于发现出题出现在于IE6，7，8不支持直接attr('enctype', 'multipart/form-data')，而是设置dom属性encoding='multipart/form-data'，最终的脚本代码修改为：

复制代码 代码如下:

$(function () {
$('#file').parents('form').attr('enctype', 'multipart/form-data').get(0).encoding = 'multipart/form-data';
});
Verwandte Etiketten：
form form-data multipart
Quelle：php.cn
Vorheriger Artikel：基于jQuery的倒计时实现代码_jquery Nächster Artikel：基于jquery的放大镜效果_jquery
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Laden Sie mehrere Bilddateien in CodeIgniter mit Ajax und PHP hoch Ich habe Probleme beim Hochladen mehrerer Bilddateien auf den Server. Es wäre großartig, w...
Aus 2024-04-03 22:35:03
0
1
318
Das PHP-Formular postet die Absenden-Schaltfläche nicht korrekt Ich erstelle ein Antragsformular, aber das Formular funktioniert nicht. Wenn ich auf die S...
Aus 2024-04-03 12:46:54
0
1
379
Trennen von Funkelementen mithilfe von Bootstrap: Eine Schritt-für-Schritt-Anleitung Ich habe tausend Möglichkeiten ausprobiert, aber ich finde weder den Stil noch den Platz d...
Aus 2024-04-03 09:41:55
0
1
401
Senden Sie Daten von React mit onSubmit an Node js Ich habe dieses onSubmit in meinem React-Skript, das aufgerufen wird, wenn ich auf die Sch...
Aus 2024-04-02 16:36:07
0
1
268
Seite ist größer als erforderlich. Problem; React.js Die aktuelle Seite sieht so aus: Wie Sie sehen, ist oben viel Leerraum. Ich kann anscheine...
Aus 2024-04-02 14:48:30
0
1
283
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage