2012-05-25 8 views
0

이미지 업로드에는 uploadify을, 레일 애플리케이션에는 라이트 박스에 이미지를 표시하기 위해 prettyPhoto을 사용했습니다. 별도로 사용하면 둘 다 잘 작동합니다. 이제 우리는 lightbox에 uploadbox 컨트롤을 표시하려고합니다. 예를 들어 dropbox처럼 사용하지만 prettyPhoto와 함께 사용하면 비명을 지르기 시작합니다.prettyPhoto와 함께 업로드 : uncaught 예외 : StartUpload 호출에 실패했습니다.

다음은 prettyPhoto와 함께 uploadify를 사용하는 샘플 HTML입니다.

<!DOCTYPE html> 
<html> 
<head> 
    <title>My Uploadify Implementation</title> 
    <link rel="stylesheet" type="text/css" href="uploadify.css"> 
    <link rel="stylesheet" type="text/css" href="prettyPhoto.css" /> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 
    <script type="text/javascript" src="jquery.uploadify-3.1.min.js"></script> 
    <script src="jquery.prettyPhoto.js" type="text/javascript"></script> 

    <script type="text/javascript"> 
    $(function() { 
     $('#file_upload').uploadify({ 
      'swf'  : 'uploadify.swf', 
      'uploader' : 'uploadify.php' 
      // Your options here 
     }); 

     $('#closeme').live('click', function() { 
      $.prettyPhoto.close(); 
      return false; 
     }); 

     $("a[rel^='prettyPhoto']").prettyPhoto(); 

    }); 
    </script> 
</head> 
<body> 
<a href="#inline-1" rel="prettyPhoto" >popop</a> 
    <div id="inline-1" style="display:none;"> 
     <p>This is inline content opened in prettyPhoto.</p> 
     <input type="file" name="file_upload" id="file_upload" /> 
    </div> 
</body> 
</html> 

여기에는 팝업 링크가 표시되며 링크를 클릭하면 라이트 박스 컨트롤을 업로드 할 수 있습니다. 그런 다음 디스크에서 이미지를 선택하여 서버에 업로드합니다.

1) 선택한 이미지를 라이트 박스에 uploadify 컨트롤에 표시되지 않아요 FF와 Crome 스

2)에 자바 스크립트 오류 Error: uncaught exception: Call to StartUpload failed 얻기 : 이미지를 선택한 후 나는 두 가지 문제에 직면 해있다. 강아지를 닫고 팝업 링크를 다시 클릭하면 파일 목록이 표시됩니다.

$("a[rel^='prettyPhoto']").prettyPhoto(); 줄을 제거하면 Uploadify가 정상적으로 작동합니다.

어떻게 고칠 수 있습니까?

누군가 내가 다른 Dropbox 스타일 업 로더를 얻기 위해 다른 플러그인을 제안 해 주시면 감사하겠습니다.

감사합니다, 아 미트 파텔

답변

0
당신은 라이트 열이 아닌 페이지로드 후 uploadify 초기화 할 수 있습니다

. 그 이유는 요소가 숨겨져 있으면 Flash가로드되지 않기 때문입니다.

prettyPhoto API를보고 라이트 박스가 열리고 난 후 호출되는 이벤트를 찾을 수 없지만 그렇게해야합니다.

+0

RonnieSan, 답장을 보내 주셔서 감사합니다. 나는 당신에게 해결책을 시도 할 것이고 여기에서 갱신 할 것이다. –

+0

'changepicturecallback : function() {}'은 이미지가 표시 될 때마다 호출됩니다. 이 콜백에서 uploadify를 초기화하려고했지만 동일한 오류가 발생했습니다. –

관련 문제