이미지 업로드는 Mac OS에서 " C : \ fakepath \ image … "를 표시합니다. ]

이 질문에 이미 답변이 있습니다. :

제어에서 첫 번째 파일을 가져온 다음 파일 이름을 가져 오면 무시됩니다. 크롬의 파일 경로, 즉 브라우저의 경로를 수정합니다. 파일을 저장할 때 System.io.Path.GetFileName 메서드를 사용하여 즉 브라우저에서만 파일 이름을 가져와야합니다. var fileUpload = $ (" # ContentPlaceHolder1_FileUpload_mediaFile "). get (0); var files = fileUpload.files; var mediafilename = " "; for (var i = 0; i < files.length; i ++) {mediafilename = files [i] .name; }

답변

이것은 사이트에서 제어하지 않는 브라우저 보안 기능입니다.

HTML5 사양에 참여하는 Ian Hickson은 다음과 같이 작성합니다. " 원래 계획은 파일 이름 만 갖는 것이 었습니다. 불행히도 그렇게하면 경로를 예상하고 Windows 경로를 기대하기 때문에 중단되는 특정 사이트가 있음이 밝혀졌습니다. 이것이 Opera와 IE8이 가짜 경로를 반환하는 이유입니다. HTML5가 그렇게하라고했기 때문이 아닙니다. 사실 HTML5가 그렇게했기 때문에 말하도록 만들었습니다. "
오늘 배운 것이 있지만 그렇지 않습니다. ' 실제로 질문을 바꾸지는 않습니다. 모든 브라우저가 가짜 경로를 반환하는 경우 왜 경로를 표시하나요?
예 : 하드웨어 펌웨어에서 예상하는 때문에 @zneak , 쉽게 변경할 수 없습니다. 따라서 실제로는 경로를 예상하는 웹 사이트가 ' 너무 많아서 일부는 쉽게 변경할 수 없습니다. 🙁
@Arjan, 이제 답변으로 게시 할 수 있습니다. : D
@YOU '가 무엇을 언급하는지 알고 있습니다. ,하지만 이미 대답이 잘되어 있다고 생각합니다! (물론이 대답으로 편집 할 수 있습니다.)
@zneak, Stack Exchange HTML은 실제로 .
@Arjan 아니요, ' 아닙니다. Safari에서는 파일 경로가 ' <input type="file"> 앞에 표시되지 않습니다. Stack Exchange 개발자는 의도적으로 사용자와 유사한 레이아웃의 상자에 (가짜) 파일 경로를 표시하도록 선택했습니다. ' d get with Windows. path 요소 '의 ID는 shadow-filename입니다. 숨기면 파일 경로 사라집니다.
@zneak? Chrome에서만 볼 수 있습니다. 다른 브라우저 나 Stack Exchange 사이트에서는 볼 수 없습니다 …
@Arjan 예, 그렇습니다. 파일을 선택하고 웹 검사기를 실행 한 다음 document.querySelector('#shadow-filename').style.display = 'none'를 입력하고 확인합니다. 사라집니다.
내 말은 : 모든 브라우저에서 확실히 표시 되나요, @zneak? 내 Mac에는 없습니다.
@Arjan Firefox는 ' 표시하지 않지만 ' 첫 번째 링크에 언급 된 이유 (즉, <input type="file"> ' 값을 쿼리 할 때 실제 파일 이름 만 제공함) 그 외에는 동일한 방식으로 작동합니다. shadow-filename을 숨기면 실제로 파일 이름 필드를 제거 할 수 있습니다.
좋습니다. <input type="file" ...> 실제로 JavaScript가 시작될 때 표시되지 않는 @zneak입니다. 그러나 브라우저가 제공하는 경로를 표시하는 SE 사이트를 비난하는 이유는 무엇입니까?
@Arjan 저는 HTML 5의 깨진 기능을 사용하는 SE를 비난합니다. 게다가 모든 브라우저는 이미 어떤 방법을 구현하고 있습니다. 사용자에게 선택한 파일을 알려줍니다. 왜 교체해야했을까요?
아, @zneak, 저는 ' 일반적인 오래된 하지만 실제로 Chrome은 경로없이 파일 이름 만 표시합니다. (그래도 서버로 전송되는 경로는 C:\fakepath이되지만 사람은 볼 수 없습니다.) ' E가 교체해야하는 이유. SE가 아니라 imgur.com에 업로드하고 있기 때문일 수 있지만, 더미 <input> 없이도 업로드 할 수 있습니다. 아니면 모든 시스템에서 대화 상자가 동일하게 보이기를 원했을 수도 있습니다. (중복 된 질문에 답한 와플들은 알 수 있습니다.)
@zneak, 저는 ' 귀하의 OS에 대해 모르지만 Windows의 경우이 작업을 수행하고 제어에서 첫 번째 파일을 가져온 다음 이름을 가져옵니다. 이 파일은 크롬의 파일 경로를 무시하고 브라우저에 대한 경로도 수정합니다. 파일을 저장할 때 System.io.Path.GetFileName 메서드를 사용하여 즉 브라우저에서만 파일 이름을 가져와야합니다. var fileUpload = $ (" # ContentPlaceHolder1_FileUpload_mediaFile "). get (0); var files = fileUpload.files; var mediafilename = " "; for (var i = 0; i < files.length; i ++) {mediafilename = files [i] .name; }

이미지 업로드는 Mac OS에서 “ C : \ fakepath \ image … ”를 표시합니다. ]

답글 남기기 답글 취소하기