코드 라이브러리 - 이미지 미리 보기

2896 단어
    //  
    $("#photofile").bind("change", function() {
        var objURL = getObjectURL(this.files[0]);
        if(objURL) {
            $("#defaultimg").attr("src", objURL);
        }        
    });
    
    function getObjectURL(file) {
        var url = null;
        if(window.URL != undefined) {
            url = window.URL.createObjectURL(file);
        } else if (window.webkitURL != undefined) {
            url = window.webkitURL.createObjectURL(file);
        }
        return url;
    }
    //   END
<input type="file" name="photoUrlFile" class="btn" id="photofile" style="z-index:1;filter:alpha(opacity=0);opacity:0;float:left;position:absolute;left:0px;cursor:pointer;outline:none" />

<img src="/vst_back/img/u146.png" id="defaultimg" style="vertical-align:middle;max-height:120px;max-width:150px;" />

파일이 있는지 판단---
if(document.getElementById("photofile").files.length == 0) {
            $.alert(" ");
            return;
        }

그림 제출 --
        /*
        $("#dataForm").ajaxSubmit({
            type: "POST",
            url: "/vst_back/prod/prodVideo/addProductVideo.do",
            success: function(data) {
                var result = data.success;
                var msg = data.message;
                if( result == true) {
                    $.alert(msg, function() {
                        window.location.href = "/vst_back/prod/prodVideo/showProductVideo.do?productId=${productId!''}&categoryId=${categoryId!''}";
                    });
                } else {
                    $.alert(msg);
                }
            },
            error: function(e) {
                $.alert(e.message);
            }
        });
        */

좋은 웹페이지 즐겨찾기