212N3rD
Cadet 4th Year
- Registriert
- Juli 2008
- Beiträge
- 70
ich möchte eine datei hochladen und den dateinamen den ich im input feld habe auch ausgeben:
z.B.
<input type="file" name="file1" id="datei1">
<span id="my">
hier stimmt die ausgabe der dateinamen nicht den ich im inputfeld einfüge:
document.getElementById("my").innerHTML = 'Dateiname:' + file1.name;
array(0) { } array(2) { ["file1"]=> array(5) { ["name"]=> string(14) "datepicker.zip" ["type"]=> string(28) "application/x-zip-compressed" ["tmp_name"]=> string(14) "/tmp/phprs1hle" ["error"]=> int(0) ["size"]=> int(6803) } ["file2"]=> array(5) { ["name"]=> string(0) "" ["type"]=> string(0) "" ["tmp_name"]=> string(0) "" ["error"]=> int(4) ["size"]=> int(0) } }
ok so gehts:
z.B.
<input type="file" name="file1" id="datei1">
<span id="my">
Code:
<script>
var intervalID = 0;
$(document).ready(function(e) {
$('#upload_form').submit(function(e) {
if($('#datei1').val() == '' && $('#datei2') == ''){
e.preventDefault(); //Event abbrechen
return false;
}
intervalID = setInterval(function() {
$.getJSON('fortschritt.php', function(data){
if(data)
{
$('#fortschritt').val(data.bytes_processed / data.content_length);
$('#fortschritt_txt').html('Fortschritt '+ Math.round((data.bytes_processed / data.content_length)*100) + '%');
}
});
}, 1000); //Zeitintervall auf 1s setzen
$('#upload_form').ajaxSubmit({
success: function()
{
$('#fortschritt').val('1');
$('#fortschritt_txt').html('Fertig');
clearInterval(intervalID);
document.getElementById("my").innerHTML = 'Dateiname:' + file1.name;
},
error: function()
{
$('#fortschritt').val('1');
$('#fortschritt_txt').html('Ein Fehler ist aufgetreten');
clearInterval(intervalID);
}
});
e.preventDefault(); //Event Abbrechen
});
$('#abbrechen').click(function(e) {
$.ajax("fortschritt.php?cancel=true");
$('#fortschritt').val('1');
$('#fortschritt_txt').html('Upload abgebrochen');
clearInterval(intervalID);
});
});
</script>
hier stimmt die ausgabe der dateinamen nicht den ich im inputfeld einfüge:
document.getElementById("my").innerHTML = 'Dateiname:' + file1.name;
array(0) { } array(2) { ["file1"]=> array(5) { ["name"]=> string(14) "datepicker.zip" ["type"]=> string(28) "application/x-zip-compressed" ["tmp_name"]=> string(14) "/tmp/phprs1hle" ["error"]=> int(0) ["size"]=> int(6803) } ["file2"]=> array(5) { ["name"]=> string(0) "" ["type"]=> string(0) "" ["tmp_name"]=> string(0) "" ["error"]=> int(4) ["size"]=> int(0) } }
Ergänzung ()
ok so gehts:
Code:
var eingabe = document.test.file1.value;
document.getElementById("my").innerHTML = 'Dateiname' + eingabe;
Zuletzt bearbeitet: