이미지 업로드에는 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 스타일 업 로더를 얻기 위해 다른 플러그인을 제안 해 주시면 감사하겠습니다.
감사합니다, 아 미트 파텔
RonnieSan, 답장을 보내 주셔서 감사합니다. 나는 당신에게 해결책을 시도 할 것이고 여기에서 갱신 할 것이다. –
'changepicturecallback : function() {}'은 이미지가 표시 될 때마다 호출됩니다. 이 콜백에서 uploadify를 초기화하려고했지만 동일한 오류가 발생했습니다. –