Tom: Multiupload, file input dynamisch erweiterbar

Beitrag lesen

Hello Axel,

ich denke manchmal nicht daran, dass die Trigger-Handler ja als Methode des triggernden Objektes aufgerufen werden. Da habe ich das "this" immer an der falschen Stelle eingesetzt und nicht darüber nachgedacht, dass es ja auch in der Methode noch evaluiert werden kann.

Danke für die Hilfestellung

Das ist also bisher dabei herausgekommen. Vielleicht interessiert auch ja auch andere:

<html>
<head>
  <title>MultiUpload</title>

<script type="text/javascript">
<!--
var filecount = 0;

function showImage(imgNr)
{
  document.getElementById('img1').src='file://' + document.getElementById(imgNr).value;
}

function insert_file_input(tbody_id)
{
  var fx = document.getElementById(tbody_id);

var tr  = document.createElement("tr");
  var td   = document.createElement("td");

var inp  = document.createElement("input");
  inp.size = 60;
  inp.maxlength = 80;
  inp.type = 'file';
  inp.name = 'file[]'
  inp.id   = 'fileId' + filecount;

inp.onchange = function() {showImage(this.id);};
  inp.ondblclick = function() {showImage(this.id);};

td.appendChild(inp);
  tr.appendChild(td);

fx.appendChild(tr);

filecount++;

alert(inp.onchange);
}

//-->
</script>

</head>

<body onLoad="insert_file_input('tb1');">

<img id="img1" scr="" height ="140">

<form name="form2" id="f2"
      action="http://testserver.lan.fli4l/~thomas/test/debug/kontrolle.php"
      method="post"
      enctype="multipart/form-data">

<table id="t1">
    <thead></thead>
    <tbody id='tb1'></tbody>
    <tfoot></tfoot>
  </table>
  <input type="button" name"btn[newInput]"
         value="weiteren File hinzuf&uuml;gen"
         onClick="insert_file_input('tb1')"
         id="btn01">

<input type="submit" name"btn[upload]" value="&uuml;bertragen">

</form>
</body>
</html>

Wäre jetzt nur noch interessant, welche Browser damit definitiv nicht klar kommen.

Liebe Grüße aus http://www.braunschweig.de

Tom

--
Fortschritt entsteht nur durch die Auseinandersetzung der Kreativen
Nur selber lernen macht schlau