ajax e enctype="multipart/form-data"

**gasmor** · 27-09-2009, 10:48

è possibile eseguire una chiamata ajax con un enctype="multipart/form-data"?

codice:

... richiamo Mootools
<script language="javascript">
window.addEvent('domready', function() {
	
	var MyFrm = $('form_rapid');
	
	if(MyFrm){
	
	     MyFrm.addEvent('submit', function(e) {
		     e.stop();
		
		     var log = $('rapid_insert_report').empty().addClass('ajax-loading');
		     this.set('send', {onComplete: function(response) { 
			     log.removeClass('ajax-loading');
			     log.set('html', response);
		     }});
		     this.send();
		
	     });
	}
});
</script>

<form name="form_rapid" id="form_rapid" method="post" action="store.php" enctype="multipart/form-data">
<textarea id="contenuto_pg" name="contenuto_pg"></textarea>



<input type="file" name="upfile" />



<input  name="button" id="submitter" type="submit" value="Invia" class="Stile_bottone" />
</form>

In questo esempio ho utilizzato Mootools Form.Send http://demos.mootools.net/Form.Send ma in pratica se inserisco un file questo non viene riconosciuto dalla pagina store.php.

Ci sono alternative?

**cavicchiandrea** · 27-09-2009, 11:09

Ajax non accetta dati binari

**gasmor** · 27-09-2009, 11:18

immaginavo...

grazie lo stesso

**gasmor** · 27-09-2009, 13:03

se può interessare ho risolto in una maniera meno elegante ma efficace:

codice:

window.addEvent('domready', function() {
	
    var myIFrame = new IFrame({
							  
		      id: 'myIFR',
		      name: 'myIFR',
							  
		      styles: {
				display: 'none'
                      },
							  
		     events: {
				load : function(){ 
                                         _write(this.contentDocument.body.innerHTML); 
                                        }
                     }

	}).inject(document.body);
});

function _write(code){
	var log = $('rapid_insert_report');
	log.set('html', code);
}


<div id="rapid_insert_report"></div>

<form name="form_rapid" id="form_rapid" method="post" action="store.php" enctype="multipart/form-data" target="myIFR">
<textarea id="contenuto_pg" name="contenuto_pg"></textarea>



<input type="file" name="upfile" />



<input  name="button" id="submitter" type="submit" value="Invia" class="Stile_bottone" />
</form>

**federikakordano** · 29-09-2009, 15:44

B, io ho creato una pagina con lo script indicato ma mi da errore javascript e carica una nuova finestra .
Manca qualcosa?

<html>
<title></title>
<head>
<script type="text/javascript" src="../mootools.js"></script>
<script type="text/JavaScript">
window.addEvent('domready', function() {

var myIFrame = new IFrame({

id: 'myIFR',
name: 'myIFR',

styles: {
display: 'none'
},

events: {
load : function(){
_write(this.contentDocument.body.innerHTML);
}
}

}).inject(document.body);
});

function _write(code){
var log = $('rapid_insert_report');
log.set('html', code);
}
</script>
</head>
<body>
<div id="rapid_insert_report"></div>

<form name="form_rapid" id="form_rapid" method="post" action="store.php" enctype="multipart/form-data" target="myIFR">
<textarea id="contenuto_pg" name="contenuto_pg"></textarea>

<input type="file" name="upfile" />

<input name="button" id="submitter" type="submit" value="Invia" class="Stile_bottone" />
</form>
</body>

**gasmor** · 29-09-2009, 22:30

il codice è corretto.

hai utilizzato anche i plugin di mootools?

http://mootools.net/more

**gasmor** · 29-09-2009, 22:38

prova anche a fare questa piccola ma doverosa modifica:

var myIFrame = new IFrame({

id: 'myIFR',
name: 'myIFR',

styles: {display: 'none'},

events: {
load : function(){
if(Browser.Engine.trident)
_write(this.innerHTML);
else
_write(this.contentDocument.body.innerHTML);
}
}
}).inject(document.body);

**federikakordano** · 30-09-2009, 17:13

ok, ho inseriro il richiamo a mootools 1.2.3 indicato da voi + la correzione allo script.
Errori ora non ne escono, ma al file store.php non vengono passati i parametri (anzi non funziona proprio il caricamento del file).
Trasmetto il codice della pagina
In store.php ho messo solo :
<? echo "vedo". $_FILES['foto']['name']."
".$_REQUEST[contenuto_pg];?>
Non viene stampato nulla e nemmeno il testo statico 'vedo'

<html>
<title></title>
<head>
<script type="text/javascript" src="../mootools.js"></script>
<script type="text/javascript" src="../mootools-1.2.3-core-yc.js"></script>
<script type="text/JavaScript">
window.addEvent('domready', function() {

var myIFrame = new IFrame({

id: 'myIFR',
name: 'myIFR',

styles: {display: 'none'},

events: {
load : function(){
if(Browser.Engine.trident)
_write(this.innerHTML);
else
_write(this.contentDocument.body.innerHTML);
}
}
}).inject(document.body);
});

function _write(code){
var log = $('rapid_insert_report');
log.set('html', code);
}
</script>
</head>
<body>
<div id="rapid_insert_report"></div>

<form name="form_rapid" id="form_rapid" method="post" action="store.php" enctype="multipart/form-data" target="myIFR">
<textarea id="contenuto_pg" name="contenuto_pg"></textarea>

<input type="file" name="foto" />

<input name="button" id="submitter" type="submit" value="Invia" class="Stile_bottone" />
</form>
</body>

Discussione: ajax e enctype="multipart/form-data"

Strumenti discussione

Ricerca discussione

Visualizza

ajax e enctype="multipart/form-data"

alternativa

Permessi di invio