2013-08-09 18 views
0

이 내 구조 :업로드 이미지

<html> 
<head> 
    <title></title> 
    <meta charset="utf-8"> 
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    <script src="vendor/jquery.ui.widget.js"></script> 
    <script src="jquery.iframe-transport.js"></script> 
    <script src="jquery.fileupload.js"></script> 
    <script src="main.js"></script> 
</head> 
<body> 

    <div id="main"> 

    <input type='submit' value='Go' onClick='open_form();' /> 


</div> 

<script> 
$(function() { 
    $('#fileupload').fileupload({ 
     url: 'upload.php', 
     dataType: 'json', 
     done: function (e, data) { 
      $.each(data.result.files, function (index, file) { 
       $('<p/>').text(file.name).appendTo(document.body); 
      }); 
     } 
    }); 
}); 
</script> 

</body> 
</html> 

main.js

function open_form() { 
    $.get('test.php?rand',function(response){ 
     $('#main').html(response); 
    }); 
}; 

test.php

<input id="fileupload" type="file" name="files[]" data-url="server/php/" multiple> 

<?php 
$data = array('name' => 'Test'); 
echo json_encode('files' = > $data); 
upload.php로

아무 것도 일어나지 않거나 업로드를 트리거합니다 ... "파일 선택"이 표시되기 때문에 함수 호출을 요청하는 함수 아약 때문에 뭔가가 있다고 가정합니다.하지만 파일을 선택하면 아무 일도 발생하지 않습니다.

http://i.imgur.com/gwq8xgf.png

+0

쓰기이 : main.js는 다음과 같이 만들려면 \t \t require ('UploadClass.php'); \t \t $ upload_handler = new UploadHandler(); ' –

+0

글쎄, 나는 그의 PHP 스크립트를 올바르게 사용할 필요가 없다. 그것은 기술적으로 upload.php 파일을 호출해야하고 텍스트를 출력하고 싶습니다. (현재 디버깅 목적으로) – user2141625

+0

정확히 어떤 문제인지 모르겠습니다. 무슨 일이야? 무슨 뜻이야? 아약스 전화가 걸려 있는지 (파이어 버그와 함께) 볼 수 있습니까? –

답변

0

는이 사업부가 존재하지 않는 경우 DIV를 #fileupload하는 파일 업로드 플러그인을 연결하려고합니다. 파일의 이벤트 과정은 다음과 같습니다 그것에

  1. 찾기 #fileupload 및 첨부 파일 업로드 플러그인은

그리고 버튼에 주요 형태로 외부 데이터를로드 연결, 당신은 버튼을 클릭 , #fileupload가로드되었지만 플러그인이 첨부되지 않았습니다.

문제를 해결할 수있는 옵션 중 하나는 레이어를로드 한 후 연결 프로세스를 실행하는 것입니다. ; | (E_STRICT E_ALL)`는 error_reporting : upload.php로의

function open_form() { 
    $.get('test.php?rand',function(response){ 
     $('#main').html(response); 

     $('#fileupload').fileupload({ 
      url: 'upload.php', 
      dataType: 'json', 
        done: function (e, data) { 
       $.each(data.result.files, function (index, file) { 
        $('<p/>').text(file.name).appendTo(document.body); 
       }); 
      } 
     }); 
    }); 
}; 
+0

나는 연결 진행을 이동하려고했지만 동일한 결과를주었습니다. – user2141625

+0

무엇이든지 내 질문에 더 도움을 줄 수 있습니까? – user2141625