Php “如何上传图像并显示预览”;无需表格提交;?

Php “如何上传图像并显示预览”;无需表格提交;?,php,jquery,ajax,upload,Php,Jquery,Ajax,Upload,我有一个非常大的表单,它包含30个字段,但我需要上传图像时,它改变浏览。比如个人资料照片。使用任何使用ajax、jquery或PHP的工具。。请给我一些代码或建议。遗憾的是,这已经不可能了,因为在现代浏览器中 您无法再从上载字段读取图像的完整路径 指向本地资源的链接不再起作用 出于安全原因。您可以将文件上载相关内容放在iframe中,并将该iframe包含在主页中。所以,在上传文件后,你们可以从响应中获取图像路径,并显示在主页上 主页: <p>

我有一个非常大的表单,它包含30个字段,但我需要上传图像时,它改变浏览。比如个人资料照片。使用任何使用ajax、jquery或PHP的工具。。请给我一些代码或建议。

遗憾的是,这已经不可能了,因为在现代浏览器中

  • 您无法再从上载字段读取图像的完整路径
  • 指向本地资源的链接不再起作用

出于安全原因。

您可以将文件上载相关内容放在iframe中,并将该iframe包含在主页中。所以,在上传文件后,你们可以从响应中获取图像路径,并显示在主页上

主页:

 <p>
                <iframe id="ifrFileUpload" scrolling="no" frameborder="0" hidefocus="true" style="text-align: left;
                    vertical-align: middle; border-style: none; margin-right: 120px; margin-bottom: 20px;
                    float: right; width: 70%; height: 40px" src="http://site.com/FileUpload">
                </iframe>

            </p>
<form id="form1" name="form1" action="http://site.com/FileUpload" enctype="multipart/form-data"
    method="post">
 <p>   
    <input type="file" id="file1" name="file1" />

    <input type="submit" value="Upload" />

 </p>
    </form>

IFrame:

 <p>
                <iframe id="ifrFileUpload" scrolling="no" frameborder="0" hidefocus="true" style="text-align: left;
                    vertical-align: middle; border-style: none; margin-right: 120px; margin-bottom: 20px;
                    float: right; width: 70%; height: 40px" src="http://site.com/FileUpload">
                </iframe>

            </p>
<form id="form1" name="form1" action="http://site.com/FileUpload" enctype="multipart/form-data"
    method="post">
 <p>   
    <input type="file" id="file1" name="file1" />

    <input type="submit" value="Upload" />

 </p>
    </form>



在响应时,您可以调用父函数方法来显示图像

ok给出如何管理此纵断面图的建议?注册时有一个头像上传,应该显示在PIC容器面板中。@Navruk您可以在iframe中单独进行上传,或者使用基于Flash的上传程序,如swfupload.organy。我们也在这里提交form@Navruk-不,您是在iframe中提交表单-而不是在主页中提交表单;这是一个很好的解决方案,可以满足您的需求。还有其他最好的解决方案吗?