나는 온라인 상점에 제품을 추가하는 형태를 가지고 있고, 포함이 많은 분야이미지를 서버에 업로드하기 전에 이미지를 미리 보는 방법은 무엇입니까?
1) 제품 이름
2) 제품 코드
3) 제품 설명
4) 제품 가격
5) 제품 이미지
지금 사용하고 싶습니다. r/admin은 사용자가 서버에 이미지를 업로드하기 전에 이미지 컨트롤에 표시 될 제품 이미지를 선택한 후 asp.net의 파일 업로드 제어를 사용하여 이미지를 선택합니다.
내가 필요로하는 모든 그것은 ...
저를 도와주세요, JQuery와, 아약스 또는 C는 #이 자바 스크립트 중 하나를 사용하여
감사 할 것이다, 그것은 서버에 업로드하기 전에 해당 이미지를 미리 볼 수 있습니다 사전에. Tejas Vaishnav
이미지가 이미 있어야하므로 C#이 서버에서 실행됩니다.
자바 스크립트와 jQuery는 클라이언트 측에서 실행되므로이 두 가지에 더 많은 도움이 될 수 있습니다. 실제로 JQuery는 브라우저의 JS 엔진 위에있는 JS 라이브러리입니다.
어쨌든 브라우저의 열기/파일 선택 대화 상자의 미리보기 기능을 사용하지 않는 이유는 무엇입니까?
Flash 또는 일부 다른 ActiveX 플러그인을 사용하지 않는 한 JavaScript를 사용하여 간단히 해결할 수 없습니다. 이는 보안상의 이유로 클라이언트 컴퓨터의 리소스에 무단으로 액세스 할 수 없기 때문입니다. 서버에 업로드하고 미리 볼 수만 있습니다. 희망이 당신에게 의미가 있습니다.
** 업로드하기 전에 이미지 미리보기 **에 대한 질문이 있습니다. – WTK
@WTK - 내 대답을 수정 했으므로 아래 표를 제거하십시오. – ShankarSangoli
거기 가서 :) – WTK
빠른 검색 결과는 어떤 결과를 보여주지 못했습니다 (적어도 하나는 브라우저 간 방식으로 작동 함). 가장 좋은 방법은 Flash (사용자가 선택한 로컬 파일에 액세스 할 수있는 첫 번째 버전이므로 버전 10 이상)를 사용하는 것입니다. 그것은 단순한 플래시 (또는 플렉스) 응용 프로그램 일 수 있습니다. 사용자가 선택한 파일을 조작/표시하는 많은 예제를 에두고을 서버에 보내기 전에 찾을 수 있습니다. Here 그런 응용 프로그램의 예를 찾을 수 있습니다 (저). 로컬 디스크에서 이미지를 선택할 수 있으며, 이미지를 서버에 업로드하기 전에 모두 표시/조작 할 수 있습니다. 이것은 웹 서버에서 기본 보안 작업을하지만 경우 작업을 수행 할 수 없습니다
확인 previewing an image before uploading it (플렉스)의 간단한 예를 들어 당신은 도마뱀 붙이의 dataURI을 사용하는 스크립트가 필요
... 하드 디스크의 페이지를로드하십시오.
http://javascript.internet.com/forms/image-upload-preview.html
jQuery 플러그인을 사용하십시오. 참조 스레드 - http://stackoverflow.com/questions/7088299/how-to-show-gif-image-while-uploading-using-jquery-form-plugin-in-asp-net-mvc – adatapost
@adatapost 어떻게 링크합니까 스레드는 업로드하기 전에 ** 미리보기 ** 이미지를 나타 냅니까? – WTK
여기에 [이것에 대한 SO 검색] (http://stackoverflow.com/search?q = preview + getasdataurl) – mplungjan