Dabinn的筆記

前些日子開始用flickr
對他的檔案上傳介面感到很好奇

上傳的時候可以顯示進度...是沒什麼問題
一次顯示上傳多檔的進度...js認真點寫應該也不困難
但最讓我搞不懂的是
"選取要上傳的檔案"那個視窗


以html來講，能選擇檔案的只有這個醜不拉嘰的玩意：

按下去之後，一次就只能選取一個檔案


但flickr用的那個可神了
他可以一次選多重檔案，圈選、+shift、+ctrl都可以
甚至還可限制檔案類型，而且還跨瀏覽器


這到底是怎麼辦到的?


把他的js全拉回來看
最後總算找到兇手

// http://l.yimg.com/www.flickr.com/javascript/upload.js.v1.40.10

    function createUploadMovie() {

        var j = new SWFObject("/images/upload/yuploadcomponent.swf", "yUpload", 1, 1, 9, "#fff");

        j.addParam("allowScriptAccess", "always");

        j.write("yuploadcontrol");

        if (isIE) {

            window.yUpload = document.getElementById("yUpload");

        }

    }





   function uploadrSupported() {

        if (window.location.href.match(/nocheck/i)) {

            return true;

        }

        if (navigator.platform.match(/linux/i)) {

            return {result:false, reason:"unsupported"};

        }

        var j = deconcept.SWFObjectUtil.getPlayerVersion();

        if (document.getElementById && j.major > 0) {

            if (j.major < 9) {

                return {result:false, reason:"needupgrade"};

            } else {

                if (j.major == 9 && j.minor == 0 && j.rev == 16) {

                    return {result:false, reason:"badversion"};

                }

                if (j.major == 9 && j.minor == 0 && j.rev == 0) {

                    return {result:true};

                }

                return {result:true};

            }

        } else {

            return {result:false, reason:"noflash"};

        }

    }

原來是flash啊....