2011-10-21 2 views
1

Aquantum jQuery 플러그인을 사용하여 파일을 LAMP 사이트에 업로드하고 있습니다.콜백 컨텍스트에서 ajax 이벤트 객체의 속성 이해

잘 작동하지만 업로드 된 파일 이름과 파일 URL 인 을 양식 필드에 넣으려면 성공 콜백을 수행해야합니다.

업로드 플러그인

은 여기에 있습니다 :

http://aquantum-demo.appspot.com/file-upload

(매우 깨끗하고 시원한 파일 업로드 위젯, IMO)

다음은 콜백 코드입니다 : 합니다 (파일 이름 부분은 잘 작동합니다. .하지만 어떻게 파일 URL도 붙잡습니까?)

jQuery('#fileupload').bind('fileuploaddone', function (e,data) { 

    jQuery('textarea').val("<p><a href='" + NEED_FILE_URL_HERE + "' target='_blank'>" + data.files[0].name + "</a>"); 

}); 
+0

나는 플러그인과 그것이 제공하는 예제 코드를 보았다. 업로드 된 파일의 URL은 JS에서 사용할 수 없으며 업로드 된 서버에 따라 다릅니다. 이들의 upload.php 예제는 JSON 반환에서 .url로 표시되는 것으로 보이므로 data.url이어야합니다. 그게 아니라면, 그냥 console.write (JSON.stringify (data)); 저장 위치를 ​​확인합니다. 이 내용이 정확하면 알려주십시오. 올바른 것으로 표시 할 수 있도록 답변으로 이동하겠습니다. –

답변

0

jQuery UpLoad 플러그인 작성자의 의견을 들었습니다. 그의 제안은 내가 결과를

이 첫 번째 파일의 URL을 경고한다 (당신은 예를 들어 패키지를 사용하고 있다는 가정하에) 콜백이 볼 수 특성을 .. 알고 지금은 잘 작동합니다 :

여러 파일 선택을 지원하지만 결과 배열의 일환으로 여러 개체를 반환 할 수없는 XHR 파일 업로드 (오페라, 파이어 폭스 3.6) 와 브라우저를
$('#fileupload').bind('fileuploaddone', function (e, data) { 
    alert(data.result[0].url); }); 

참고.