나는 아주 작은 의심을 품었다. 파일을 찾아보기위한 html 태그가 있습니다. 로컬 서버에서 파일을 탐색하는 즉시 해당 경로를 이미지 태그 소스로 설정하려고합니다. 구현할 수 있습니까?동일한 페이지에서 이미지를 찾아보고 표시하는 방법은 무엇입니까?
다음과 같은 코드가 있습니다. 그래서 최대한 빨리 찾아 로컬 서버에서 파일을 선택할 때, 그 경로는 이미지 tag.My 의도로 설정해야합니다
<form name="image" id="image" enctype="multipart/form-data" action="" method="post">
<input type="file" name="img" />
<img src=""></img>
</file>
이미지를 찾아 해당 페이지 자체에 표시하는 것입니다. 어떤 도움을 주시면 감사하겠습니다. 미리 감사드립니다.
브라우저는 길이가 인 입력 [type = file] 태그에서 파일의 경로에 액세스 할 수있게되었습니다. 당신이하는 것처럼 간단하게 할 수는 없습니다. 사용자가 파일을 선택한 후에 파일을 표시한다는 목표를 달성하려면 실제로 서버에 파일을 업로드해야합니다. 일반적으로 페이지 새로 고침이 필요하지만 페이지를 새로 고치지 않고도 사용할 수있는 많은 자바 스크립트 라이브러리가 있습니다. 파일이 업로드되면 URL을 "핑백 (ping back)"하여 이미지를보고 이미지 태그에로드 할 수 있습니다.
내가 인라인 파일 업로드를 할 최근에 사용했던 jQuery 라이브러리는 당신이 필요로하는 무엇 jQuery File Upload
하지만 조작하기 전에 서버로 보내지 않습니다. 저는 Jcrop에서 일하려고합니다. 그러나이 예제에서 우리는 페이지를로드하는 순간 이미지를 가져옵니다. 링크를 확인하십시오. 빠른 답장을 보내 주셔서 감사합니다. 링크를 확인한 후 다시 한 번 회신 해주십시오. http://deepliquid.com/projects/Jcrop/demos.php?demo=live_crop –
또한 사용자가 선택/업로드 한 이미지가 아니라 미리 정의 된 이미지를 사용하고 있습니다. 서버에 저장하고 페이지에 다시로드 한 다음 jcrop을 호출하고 조작해야합니다. –
는 클라이언트 측에서 파일의 전체 경로입니다 - 허용되지 않습니다 (또한 this thread 참조).
죄송 합니다만, 파일을 서버에 보내지 않고 파일 이름 (경로가 아님), 파일 형식 및 파일 크기를 가져 오는 것 외에는 아무 것도 할 수 없습니다.
제 의도는 JCrop 이미지 라이브러리 용으로 구현해야하므로 이미지 태그에 대한 URL을 찾아보고 설정하는 것이 었습니다. 그들의 예에서는 경로를 직접 가져 왔고 페이지를로드하는 순간 이미지가로드됩니다. 어떤 해결책? 웹 페이지의 링크 및 소스 코드를 참조하십시오. 당신은 즉시 내 질문을 얻을 것이다. 제발 도와주세요. 미리 감사드립니다. 이것은 링크입니다 deepliquid.com/projects/Jcrop/demos.php?demo=live_crop –
내가보기에 간단한 자르기 기능이 있습니다 : 이미지 - 서버에 표시되는 - 자르기 좌표가 포함 된 일부 숨겨진 입력 사항 , 그리고 제출시 이미지를 자르는 PHP 스크립트. 클라이언트의 파일을 사용하려면 먼저 서버에 파일을 업로드해야합니다. 그렇지 않으면 아무 것도 할 수 없습니다. 이는 보안 기능입니다. –
oh ok ... 서버에 업로드 한 다음 잘라내는 것이 좋습니다. 사용자가 서버에 파일을 업로드하고 자르지 않으면 서버에 파일 하나가 불필요하게 추가됩니다. 해결책은 무엇이 될 수 있습니까? –
"로컬 서버"란 무엇입니까? – jimpic
빠른 답장을 보내 주셔서 감사합니다. 나는 그것을 wamp에서 달리 고있다. –