Insert Dateinamen in Textbox

Question

Wie fügen ich den Dateinamen der hochgeladenen Datei mit diesem -> http://www.fengcool.com/2009/06/ajax-form-upload-local-image-file-without-refresh/ oder valums.com/ajax-upload/ in einer vorhandenen Texteingabe?
(Ich benutze PHP)

Textbox ex.
<input name="image" type="text" value="file_name" />

Answer 1

Sie müssen die tatsächliche Upload-Verarbeitung PHP-Seite mit dem Dateinamen der hochgeladenen Datei antworten.

In fengcool AJAX, es in startUpload vorgesehen ist() Funktion mit:

var response = $(myFrame.contentWindow.document.body).text(); 

Sie verwenden die "Antwort" Variable, wo Sie die Dateinamen setzen müssen.

Es ist eigentlich als Variable „Bild“ auf die addUpload() Funktion übergeben, die Sie auch Ihr Textfeld bevölkern ändern können, etwa wie folgt aus:.

document.getElementById („Bild“) value = image

Sie sollten Ihre <input> wahrscheinlich in einer weniger allgemeinen Weise benennen, um Verwirrung zu vermeiden.

UPDATE, was zu tun ist:

1) Ihre Textbox in einer einzigartigen Art und Weise nennen, zum Beispiel:

<input id="uploaded_image_name" type="text" value="" /> 

// Beachten Sie auch, dass ich "id" und nicht als „name verwendet haben “, um in der Lage sein Javascript Funktion getElementById()

2) verwenden fengcool aJAX zu verwenden, und ändern Sie die Funktion addUpload() wie folgt aus:

function addUpload(id,img){ 
    var div = $(document.createElement('div')).attr('id',id); 

    //add uploaded image 
    div.html("<img src='"+img+"'><br />"); 
    document.getElementById("uploaded_image_name").value=img 

    //add text box 
    var fileName = img.substring(img.lastIndexOf("/")+1); 
    var txtbx = $(document.createElement('input')).attr('name','img[]').attr('type','text').val(fileName); 
    /* you may want to change textbox to a hidden field in production */ 
    //var txtbx = $(document.createElement('input')).attr('name','img[]').attr('type','hidden').val(fileName); 
    txtbx.appendTo(div); 


    //add remove thumbnail link 
    var rem = $(document.createElement('a')) 
           .attr('alt',id) 
           .attr('href','javascript:;') 
           .text("Remove").click(removeUpload);  
    rem.appendTo(div); 

    //add to the page 
    div.appendTo("#uploaded_thumb"); 
} 

Beachten Sie, dass die einzige Änderung das Hinzufügen des vierten Befehls in der Funktion war.