blocks|key|422534|text|您至少需要提交一个表单才能上传和显示文件。您可以通过using+an+iframe模拟Ajax上传。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|422535|entityMap|0|LINK|mutability|MUTABLE|url|http://www.ajaxf1.com/tutorial/ajax-file-upload-tutorial.html^0|Q|F|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

You need to submit at least a form to upload the file and display it. You can simulate an Ajax upload by <a href="http://www.ajaxf1.com/tutorial/ajax-file-upload-tutorial.html" rel="nofollow noreferrer">using an iframe</a>.

blocks|key|1778919|text|您可能需要查看以下内容：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1778920|http://www.atwebresults.com/php_ajax_image_upload/|offset|length|1778921|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1E|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

You might want to have a look to the following:

<a href="http://www.atwebresults.com/php_ajax_image_upload/" rel="nofollow noreferrer">http://www.atwebresults.com/php_ajax_image_upload/</a>

blocks|key|1829980|text|我认为最好的方法是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1829981|1829982|用户按下OK按钮，AJAX请求将在后台提交表单，该表单将在用户不知道的情况下将图像上传到临时位置。请求将返回临时文件位置。|ordered-list-item|1829983|然后，您可以向用户显示调整大小的图像，如果用户满意，则可以选择提交表单并上载原始图像。|1829984|1829985|Here's+an+article+which+also+might+help+you+out|offset|length|1829986|entityMap|0|LINK|mutability|MUTABLE|url|http://www.webmotionuk.co.uk/php-jquery-image-upload-and-crop/^0|0|0|0|0|0|0|1B|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|V|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|W|8|@]|9|@]|A|$]]|$1|F|3|G|5|E|7|X|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|Z|8|@]|9|@$K|10|L|11|1|12]]|A|$]]|$1|M|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

I think the best method would be:

<ol>
<li>The user presses the OK button, an AJAX request is made in the background to submit the form which would upload the image in a temporary location, without the user knowing. The request would return to you the temporary files location.</li>
<li>Then you can display the resized image to the user and if they are satisfied they can choose to submit the form and upload the original image.</li>
</ol>

<a href="http://www.webmotionuk.co.uk/php-jquery-image-upload-and-crop/" rel="nofollow noreferrer">Here's an article which also might help you out</a>

blocks|key|477800|text|当你上传了一次图片后，再上传一次就没有意义了，你也可以把副本保留在服务器上，只要你有办法在提交后把它绑定到表单上，或者如果表单从未提交就把它删除掉。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|477801|清理上传的图片是一个你无论如何都要解决的问题。一旦你上传了图像，服务器将不得不保留它，因为浏览器必须在第二个请求中请求图像才能显示它。|477802|然后我会这样做：|477803|477804|为图像提供了单独的表单，请确保其中包含一些id字段，以便您可以将它们全部绑定在一起。|unordered-list-item|477805|使用AJAX将图像表单作为文件字段上的onchange事件的一部分自动提交。|477806|当AJAX调用成功时，请将img元素添加到页面以显示上载的图像。|477807|单独提交表单的其余部分。|477808|477809|清理你不想要的上传图片(假设用户添加了几张图片，然后在没有提交主表单的情况下关闭浏览器)是另一个问题，你如何处理它将取决于你正在开发的应用程序的类型。|477810|entityMap^0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|A|$]]|$1|G|3|H|5|I|7|Y|8|@]|9|@]|A|$]]|$1|J|3|K|5|I|7|Z|8|@]|9|@]|A|$]]|$1|L|3|M|5|I|7|10|8|@]|9|@]|A|$]]|$1|N|3|O|5|I|7|11|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|12|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|13|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|T|$]]

When you've uploaded the image once, there's no point uploading it a second time, you may as well keep the copy already on the server, so long as you have some way to tie it back to the form once that's submitted, or removing it if the form is never submitted.

Cleaning up uploaded images is a problem you will have to solve anyway. Once you've uploaded the image, the server will have to keep it around, as the browser will have to request the image in a second request to be able to display it.

I would do this then:

<ul>
<li>Have a separate form for the image(s), make sure it includes some id field so that you can tie them all together.</li>
<li>Have the image(s) form automatically submit using AJAX as part of an onchange event on the file field.</li>
<li>When the AJAX call succeeds, add an img element to your page to display the uploaded image.</li>
<li>Submit the rest of the form separately.</li>
</ul>

Cleaning up uploaded images that you don't want (say the user adds a couple of pictures, and then closes the browser without submitting the main form), is a separate issue, and how you deal with it will depend on what sort of application you are developing.

blocks|key|422718|text|您可以使用标记来实现此目的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|422719|基本上，您将您的上传字段放到一个iframe中。当用户上传图像时，iframe会重新加载，但不是整个页面，同时在服务器端执行大小调整。|422720|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

You can use the tag for this. 

Basically, you put your upload field to an iframe. When a user uploads an image, the iframe gets reloaded, but not the whole page, at the mean time on the server side you peform resizing.

I have a file field in my form.

I want the user to be able to choose an image, press OK, and then without submitting the form, preview the image in a smaller resized way. If everything is to the satisfactory of the user, then hit submit and the image as well as the form is submitted...

How would you good professionals do this basically?

Thanks

Is it possible to upload image to server without submitting the form?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我的表单中有一个文件域。我希望用户能够选择一个图像，按下OK，然后不提交表单，以较小的调整方式预览图像。如果一切都令用户满意，那么点击submit，图像和表单都会被提交……你们这些优秀的专业人士基本上是如何做到这一点的？谢谢

问是否可以在不提交表单的情况下将图像上传到服务器？
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否可以在不提交表单的情况下将图像上传到服务器？EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否可以在不提交表单的情况下将图像上传到服务器？
EN