communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > js动态在form上插入enctype=multipart/form-data的问题_表单特效

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

WBOY
Libérer： 2016-05-16 17:53:06
original
1469 Les gens l'ont consulté

我们都知道要让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';
});
Étiquettes associées：
form form-data multipart
source：php.cn
Article précédent：基于jQuery的倒计时实现代码_jquery Article suivant：基于jquery的放大镜效果_jquery
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Téléchargez plusieurs fichiers image dans CodeIgniter en utilisant Ajax et PHP J'ai du mal à télécharger plusieurs fichiers image côté serveur. Ce serait formidable si q...
Depuis 2024-04-03 22:35:03
0
1
318
Le formulaire PHP ne publie pas correctement le bouton Soumettre Je fais un formulaire de candidature mais le formulaire ne fonctionne pas. Lorsque je cliq...
Depuis 2024-04-03 12:46:54
0
1
379
Séparer les éléments radio à l'aide de Bootstrap : un guide étape par étape J'ai essayé mille façons mais je n'arrive pas à trouver le style ou l'espace pour cela. Je...
Depuis 2024-04-03 09:41:55
0
1
401
Envoyer des données de React vers Node js à l'aide de onSubmit J'ai ceci onSubmit dans mon script React qui est appelé lorsque je clique sur le bouton de...
Depuis 2024-04-02 16:36:07
0
1
268
Problème de page plus grande que nécessaire ; La page actuelle ressemble à ceci : Comme vous pouvez le voir, il y a beaucoup d'espace bl...
Depuis 2024-04-02 14:48:30
0
1
283
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal