2014-01-24 3 views
0

jquery-ifram-transport 및 nodejs를 사용하여 간단한 파일 업로드를 설정하려고합니다. 문제가 계속 발생합니다. SecurityError : 프레임을 차단했습니다. origin "https://localhost:8081"에서 원점이 "serverURL"인 프레임에 액세스하지 못합니다. 프로토콜, 도메인 및 포트가 일치해야합니다. 여기 express에서 jquery-iframe-transport로 응답을 보내려고합니다.

내 클라이언트는 클라이언트에서 아약스 코드

다음
var uploadXhr = $.ajax($scope.nodeSocketUrl + '/upload?tenant=qa',{ 
        data: $(':text', form).serializeArray(), 
        files: $('#presentationFileUpload'), 
        type: 'POST', 
        iframe: true, 
        processData: false, 
        context: this 
       }); 

단지 같은 헤이 파일 내가 다시 클라이언트로 전송하는 요청하려는 강력한 작업이 플러그인을 받고 힘든 시간을 보내고 메신저 이렇게 업로드되었습니다. JQuery와 - iframe이-전송 아약스 요청에 Express에서 요청을 다시 전송하는 방법을 알고

form.on('end',function(){ 
res.header({'content-type': 'text/html'}); 
     res.send('<html><textarea data-type="application/json">{"ok": true, "message": "Thanks so much"}</textarea></html>'); 
}); 

사람은 여기에 큰 도움이 될 것입니다.

업데이트 여기에 내 현재 고르이 설정

app.all('/*', function (req, res, next) { 
    res.header('Access-Control-Allow-Origin', '*'); 
    res.header('Access-Control-Allow-Credentials', true); 
    res.header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE'); 
    res.header('Access-Control-Allow-Headers', 'X-Requested-With, Content-Type, Authorization'); 
    next(); 
}); 

답변

0

있습니다 당신은 Express를 사용하고 있습니까?

이 시도 : 제대로 작동하려면

app.all('*', function(req, res, next) { 
    res.header("Access-Control-Allow-Origin", "*"); 
    res.header("Access-Control-Allow-Headers", "X-Requested-With"); 
    next(); 
}); 

당신은 CORS 헤더를 활성화해야합니다.

http://enable-cors.org/index.html

편집 :

때때로 브라우저를 구성해야합니다. Localhost는 실제 도메인과 다르게 동작합니다. 이러한 설정

시작 크롬 : --disable-web-security

여기에 대한 자세한 내용을 읽기 :

+0

다시 –

+0

코멘트에 내 고르 추가 명령 줄에 가서 시작 크롬 입력 - 오류 - 웹 보안 같은 오류가 발생합니다 에스 – tpae

+0

씨야 편집을 확인 –