Wie kann Bild in ASP.NET MVC 4 mit Ajax oder einer anderen Technik ohne Postback hochgeladen werden?

8

Ich entwickle eine Website in MVC 4, wo Benutzer einige Informationen ausfüllen und sie zum Hochladen speichern. Alle Informationen außer Bild werden auf dem Server mit Javascript, Json und Ajax wie unten angegeben gespeichert:

%Vor%

Aber jetzt muss ich auch sein Bild hochladen, aber ich konnte keine Methode finden, die mit diesem Ansatz funktionieren kann oder irgendeine ohne Post zurück.

Ich weiß, FileUpload-Steuerelement in Form-Tag und beim Drücken der Schaltfläche "Senden" kann ich Bilddatei wie folgt erhalten:

%Vor%

Aber für diese Methode muss ich meinen Ansatz des Speicherns von Inhalten ändern (mit Javascript, Json und Ajax), was ich nicht kann.

Bitte helfen Sie

Danke.

    
user1400290 29.01.2013, 04:43
quelle

6 Antworten

36

HTML-Code

%Vor%

Javascript-Code

%Vor%

Code im MVC-Controller

%Vor%     
Shemeemsha R A 10.09.2014, 14:35
quelle
9

Es gibt zwei Möglichkeiten, Dateien (Bilder) asynchron zu veröffentlichen Wenn Ihre Zielbrowser Datei-API unterstützen, können Sie Folgendes verwenden: HTML:

%Vor%

JavaScript

%Vor%

oder Sie können SWF-Tools wie hochladen

verwenden     
Obi-Wan Spock 29.01.2013 04:54
quelle
1

Ich persönlich bevorzuge es nicht, irgendeine Art von Drittanbieter-Tool außer Java Script, CSS oder HTML zu verwenden. Ich werde mit dem ersten Ansatz von UmairP gehen. Aber wenn Sie sich selbst vorschreiben wollen, um viel Code zu schreiben. Hier ist ein nettes Plugin von jquery.

Und es gibt auch eine Demo für asp.net mvc mit diesem Plugin.

Bitte sehen Sie nach. Lassen Sie mich wissen, wenn weitere Informationen benötigt werden.

    
kunjee 29.01.2013 05:36
quelle
1

Versuchen Sie es funktioniert für mich

%Vor%
  

Handler:

%Vor%     
Ankit 03.12.2013 12:53
quelle
0

Ich habe auch ein ähnliches Problem bekommen und nachdem ich viele Tage lang nicht weitergekommen bin, hat mir dieser Link geholfen

Jquery Uploadiy mit Progress Bar zur Verwendung mit MVC

und so habe ich es geschafft

%Vor%

Implementieren von Attach More Dateien in MVC und jquery für FileUploading

    
Zaveed Abbasi 25.06.2013 12:22
quelle
0
%Vor%     
Ace 24.07.2015 15:42
quelle