flickr的檔案上傳介面

前些日子開始用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啊….

--
現在還在寫blog分享資訊的人越來越少，如果覺得文章對您有幫助，歡迎在底下留言，這樣我也比較有動力繼續寫下去，謝啦！