PHP+iframe 이미지 업로드로 즉시 새로고침 효과 달성

요즘 사진 업로드 기능을 작업하고 있습니다. 원래는 ajax를 사용하여 사진을 업로드하여 즉시 새로 고침을 하려고 했는데 아쉽게도 불가능했습니다.

나중에 iframe 프레임워크를 사용하여 구현했는데, 이 프레임워크를 사용하는 데 문제가 있습니다. 이미지를 업로드한 후 업로드된 경로를 이 프레임으로 반환해야 합니다. 값을 iframe에 직접 출력했는데 경로를 꺼내려고 하니 계속 온라인으로 정보를 확인했는데, 여러 버전에서 사용법에 대한 포괄적인 설명이 없었습니다. iframe을 사용하여 이미지를 업로드한 후 실시간 새로 고침 기능을 직접 구현해 보았습니다. 대부분은 업로드하는 방법이면 충분하다고 합니다. 여기서 멈추는 것은 정말 불편합니다.

업로드가 성공한 후에 페이지에 값이 출력됩니다. iframe을 꺼내서 N개 방법을 시도하고 N개 정보를 확인하는 것은 정말 고통스럽습니다.

나중에 iframe에 src를 추가하고, 출력값을 간단한 자바스크립트 문장으로 작성해서 이미지 업로드 성공 후 출력해봐요 ㅎㅎ. 요약하자면:

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> //表单的那么值对应着空框架的那么值，提交后跳转到空框架中，这样就不对父窗口页面进行刷新了

확인을 위해 background upload.php 페이지에 제출한 후. 자체 설정 경로가 생성됩니다

그런 다음 이미지를 성공적으로 업데이트한 후 이 경로를 제거하고 JS를 통해 상위 창의 그림 상자에서 이미지 경로를 변경하고 다시 할당할 수 있습니다. 저장된 경로 주소를 가져오고 업데이트가 성공할 때마다 업데이트하기 위해 데이터베이스로 이동하는 대신 새로 고치는 것과 같습니다.

여기서 반환할 js 코드만 작성합니다

echo "<script type=&#39;text/javascript&#39;>window.parent.document.getElementByIdx_x(&#39;tag_img&#39;).setAttribute(&#39;src&#39;,&#39;$updurl&#39;);</script>"; //这就是在框架中输出一段js代码，然后操作父框架中图片地址刷新成我上传的图片地址，$updurl为上传图片的地址

새로 고침 후에도