2017-03-02 4 views
1

ngf-file-upload 모듈을 사용하여 angularjs 및 laravel을 통해 파일을 업로드하고 있습니다.angularjs 및 laravel에서 파일 업로드

이 내 html로 initiatior입니다 :

<div class="button" ngf-select="profile.uploadFiles($file, $invalidFiles)">Upload on file select</div> 

이 각

 vm.uploadFiles = function(file) { 
      if (file) { 
       file.upload = Upload.upload({ 
        url: 'http://localhost/api/uploadImg', 
        data: {file: file} 
       }); 
      } 
     } 

내 컨트롤러이 Laravel 내 업로드 API 코드입니다.

public function uploadImg() 
{ 
    $data = Input::file('file'); 
    return $data; 
} 

내 각형 응용 프로그램은 기본 포트에서 9000 포트 및 laravel에서 실행됩니다. 각도에 의한 요청이 laravel에 내장 된 api를 치고 있지만 그 파일이 누락 된 것입니다. 브라우저의 네트워크에서 내 요청 헤더가 의심 스럽긴 하긴하지만. 마찬가지로 콘텐츠 유형는이 바이올린에 언급, 내 API로 동기화 다중/폼 데이터

This is the link of danial farid js fiddle

내가 변경과 같은 코드를 사용하고 있습니다 아니다.

이상한 것은 내가 내 로컬 API 경로를 제공 할 때 잘 작동하고 있다는 것입니다. 하지만 그것은 내 프로젝트에서 로컬로 작동하지 않습니다. 나는 내 측면에서 빠진 것이 있다고 생각한다.

This is the image of param that is send when i am trying to upload file from local project

This is the image of param that is send when i am trying to upload file from fiddle to my api

내 결론이 나는 (나의 각 프로젝트) HTML 파일에서 파일을 업로드 할 수이기 때문에 코드에 아무 문제가 없습니다

입니다 특히 나는 파일 업로드를 테스트하기 위해 만들었고 실행 중입니다.

하지만

난 내 프로젝트를 통해 업로드하려고 할 때 실패합니다. 나는 1 (임의의 파일을 통해 업로드 이미지)가 작동 중이 내 콘솔 한 경우의 이미지를 첨부하고 다른 하나는 (내가 내 프로젝트을 통해 업로드 파일입니다)의 경우를 작동하지 입니다.

나는 다음에 할 일이 없습니다. 내 모퉁이 프로젝트에는 내 업로드 과정에 장애물이되는 무언가가 있다고 생각합니다.

+0

변경 인 print_r을 제거 헤더를 추가하고 확인하려면 콘솔을 확인하는 것을 잊지 마십시오. 네트워크 탭. 무엇이 반환되는지보십시오 – EddyTheDove

+0

그것은 나에게 똑같은 것을 보여줍니다. 그건 별거 아니야. 요청은 괜찮지 만. – Dherya

+0

"요청은 괜찮습니다"라는 것은 무엇을 의미합니까? 요청에 접근 할 수 있다면, 요청을 사용하여'$ request-> file ('file')과 같은 파일을 얻으십시오; ' – EddyTheDove

답변

0

인터셉터

우리가 인터셉터

에서 헤더를 설정하고 기본 헤더가 우리가 모든 요청에 ​​대해

config.headers['Content-Type'] = 'application/x-www-form-urlencoded'; 

인터셉터 설정 때문에 네, 파일 업로드에 문제를 생성했다 우리 각진 애플 리케이션에서 만들어진이 인터셉터를 통과하고 요격은 이러한 헤더로 모든 요청을 수정했다. 그래서 나는이 요격기를 요격기에서 제거해야합니다.

가 반환 $의 data``에 다른 모든 요청에 ​​