如何上传图片和显示预览“没有表格提交”?

时间:2011-02-14 11:19:16

标签: php jquery ajax upload

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

2 个答案:

答案 0 :(得分:0)

可悲的是,它已不再可能,因为在现代浏览器中

  • 您无法再从上传字段中读取图片的完整路径
  • 本地资源的链接不再起作用

出于安全原因。

答案 1 :(得分:0)

您可以在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>

<强>的IFrame:

<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>

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