요즘 이미지 업로드 기능을 작업하고 있습니다. 원래는 ajax를 사용하여 이미지를 업로드하여 즉시 새로 고침을 수행하려고 했지만 나중에 iframe 프레임워크를 사용하여 이를 달성했습니다. 이제 그것을 여러분과 공유하고 모든 사람에게 참고 자료로 제공하겠습니다. 그것이 모두에게 도움이 되기를 바랍니다.
그런데 이 프레임워크를 사용하면 문제가 발생합니다. 이미지를 업로드한 후 업로드된 경로를 이 프레임으로 반환해야 하는데 어떻게 꺼내야 할까요? 처음에는 iframe에 직접 값을 출력하는데, 그런 다음 경로를 꺼냅니다. 응답이 없으며 온라인으로 정보를 확인했지만 다양한 버전에는 iframe을 사용하여 이미지를 업로드하고 실시간 새로 고침 기능을 구현하는 방법에 대한 포괄적인 설명이 없습니다. 나 혼자만 공부할 수 있어요. 대부분은 업로드하는 방법이면 충분하다고 합니다. 여기서 멈추는 것은 정말 불편합니다. 혼자서만 공부할 수 있습니다
iframe에 업로드가 성공한 후에는 값이 페이지에 출력되기 때문입니다. 꺼내서 시도해 보세요. N가지 방법을 시도하고 N가지 정보를 확인하고 나면 정말 골치가 아프죠.
나중에 iframe에 src를 추가하고 출력값을 간단한 javascript문으로 작성해서 이미지 업로드 성공 후 출력해보겠습니다 ㅎㅎ. 요약하자면:
html 코드:
<iframe id="upload_target" name="upload_target" src="upload.php" style="width:0;heigth:0;overflow:hidden;border:0;position: absolute; left:-500px;"></iframe> //iframe设置成隐藏的,src链接的页面为图片上传的后台文件页面,不过加不加影响都不大,只不过为了更精确而已 <img id="tag_img" src="" /> <form enctype="multipart/form-data" action="upload.php" method="post" target="upload_target"> <input type="file" name="userfile" class="file" value="" /> <input type="submit" name="uploadimg" value="上传" /> </form> //表单的那么值对应着空框架的那么值,提交后跳转到空框架中,这样就不对父窗口页面进行刷新了
는 확인을 위해 백그라운드 upload.php 페이지에 제출됩니다. 스스로 생성한 경로가 있을 것입니다
그런 다음 이미지를 성공적으로 업데이트한 후 이 경로를 제거하고 JS를 통해 상위 창의 그림 상자에서 이미지 경로를 변경한 다음 다시 할당할 수 있습니다. 저장된 경로 주소를 검색하고 업데이트가 성공할 때마다 업데이트하기 위해 데이터베이스로 이동할 필요가 없습니다.
여기서 반환할 js 코드만 작성합니다
echo "<script type='text/javascript'>window.parent.document.getElementByIdx_x('tag_img').setAttribute('src','$updurl');</script>"; //这就是在框架中输出一段js代码,然后操作父框架中图片地址刷新成我上传的图片地址,$updurl为上传图片的地址
이렇게 하면 페이지를 새로 고치지 않고도 쉽게 이미지를 업로드할 수 있고 시간이 지나면 이미지가 새로 고쳐집니다.
관련 추천:
위 내용은 PHP는 iframe을 사용하여 이미지를 업로드하고 표시합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!