input type="file" klicken Sie auf simulation javascript

Frage ich mich, warum diese Beispiel funktioniert dies in Chrome 10, aber nicht in der Fx 3.6?
IFAIK, genau input type="file" klicken, funktioniert dort nicht...

Könnte jemand erklären, warum?

InformationsquelleAutor Alex Ivasyuv | 2011-03-13
  1. 5

    Hey Alex Ivasyuv,

    Lesen das dein problem und hat einen Blick auf die Seite, die Sie hingewiesen haben.

    Haben Sie gerichtet click-Ereignis der Schaltfläche, um das click-Ereignis von rechts? Als ich denke, das ist nicht ganz überall möglich. Die Datei input type Griffen die pop-UPS und lädt sich..

    Scheint und Sie können nicht auslösen, das popup-Fenster "Datei hochladen" einfach durch Aufruf von click () - Ereignis. Zumindest ist es nicht möglich, in der Web-Browser wie Firefox, opera, chrome etc. Aber es ist möglich im IE richtig? (DH immer Verhalten sich merkwürdig auf jeden Fall..!)

    Fand ich einige Artikel, die helfen können, um dies herauszufinden. überprüfen Sie Sie. Sie lösen das problem...!

    01. https://stackoverflow.com/questions/210643/in-javascript-can-i-make-a-click-event-fire-programmatically-for-a-file-input-e

    02. https://stackoverflow.com/questions/2048026/open-file-dialog-box-in-javascript

    Grüße,
    Adynamisch

    InformationsquelleAutor Dilhan Maduranga
  2. 2

    War ich Googeln dies vor kurzem und beschlossen zu kommen mit meiner eigenen Lösung.

    Für diejenigen von Ihnen auf der Suche für eine Lösung finden Sie in meinem repo - Fancy-Upload-jQuery-Plugin

    Dies ist ein kleines plugin für jQuery, aber Sie sind willkommen, snip es oder verwenden Sie es als Ihre code-Basis - was auch immer! Es ist einfach Stile, bis Sie Ihre standard-upload-Taste und gibt Ihnen viel mehr Raum für Individualisierung.

    Den code für dieses Plug-in kann unten gesehen werden. Es kann aufgerufen werden, eine Datei-upload-element über $('INPUT[type=file]').fancyUpload();

    $.fn.fancyUpload = function(data) {

    //generate unique ID for upload box and determine default text to use
    var uploadBox = $(this);
    var uniqID = Math.floor( Math.random() * 999999 );
    var defText = (data == "" || data == undefined || data.defaultText == "" || data.defaultText == undefined) ? 'Click here to add an Attachment' : data.defaultText;

    //hide the original upload box and replace with fancyUpload
    uploadBox.hide();
    uploadBox.before('<input class="fancyUpload" type="text" value="' + defText + '" id="uploadID'+uniqID+'" />').wrap('<div />');

    var newUploadBox = $('INPUT[type=text]#uploadID'+uniqID);

    //handle clicks on new upload box
    newUploadBox.click(function (e) {
        var _this = $(this);

        //blur the text box because we dont want to focus on it and emulate click on file upload
        _this.blur().siblings('div:first').children('INPUT[type=file]').click().bind('change', function (e) {
            //determine resulting file name by getting last element in full file path
            var filename = $(this).val().split("\\");
            filename = filename[filename.length-1];

            //set file name on emulated text box
            _this.attr({ 'value' : (filename == "" || filename == undefined) ? defText : 'Attachment: ' + filename }).addClass('fileOn');

            //handle form field resets (reset to defText)
            _this.parents('FORM:first').find('INPUT[type=reset]').click(function () {
                _this.attr({ 'value' : defText }).removeClass('fileOn');
            });
        });
    });
};
    • Würde gerne wissen, der Grund für den down-vote... das ist eine nützliche Ressource für die anderen.
    • Deine Antwort ist nichts weiter als ein link. Einen link nur die Antwort ist nicht eine nützliche Ressource für diese Website, vor allem, wenn die Verbindung bricht irgendwann in der Zukunft.
    • Ich hoffe, das ist jetzt wertvoller für Sie. Den link gerichtet-source-code für ein plugin, das zu lösen wäre die OP ' s Frage. Also meiner Meinung nach nützlich zu sein.
    • Ja, es ist jetzt. Ich werde gerne reverse meinem unten Abstimmung auch.
    • Vielen Dank.
    InformationsquelleAutor Chris
  3. 0

    Auf Android (aus Sicherheitsgründen) den click-handler, der ursprünglich erhielt der Benutzer auf, muss die gleiche Logik, sendet ein Klick auf eine Datei input-element. Also die Datei input-element ausgeblendet werden kann (zum Beispiel, wenn Sie möchten, auslösen ein upload von einer Menü-Auswahl).
    Zum Beispiel, folgenden code (enthalten in JsFiddle:):

    jQuery(function($) {
  $('#capture').on('click', function(e) {
    $('#file')[0].click();
  });
});
    InformationsquelleAutor Rick Mortensen
  4. 0

    HTML:

    <label><input type="file" name="fuckedfile" id="fuckedfile" style="display:none">
CLICK!</label><br/>

    InformationsquelleAutor SynCap
Schreibe einen Kommentar