gpt4 book ai didi

javascript - Jquery:1个用于选择文件和文件上传的按钮?

转载 作者:行者123 更新时间:2023-11-30 12:01:19 24 4
gpt4 key购买 nike

抱歉,如果这个问题有点令人困惑,但我不知道我还能怎么解释,所以请耐心等待。

基本上,我需要使用 1 个按钮来选择文件,一旦选择了文件,文件就会自动上传,而不是标准的文件输入 + 提交按钮,如果这有意义的话?

所以通常的标准文件上传是这样的:

<form id="form" action="ajaxupload.php" method="post" enctype="multipart/form-data">


<input id="uploadImage" type="file" accept="image/*" name="image" />

<input id="button" type="submit" value="Upload">

</form>

有什么办法可以让我们拥有这样的东西:

 <form id="form" action="ajaxupload.php" method="post" enctype="multipart/form-data">
<input id="uploadImage" type="file" accept="image/*" name="image" />
</form>

一旦从单击选择文件(文件输入)后打开的对话框中选择了文件,文件就会上传?

我在很多网站上看到过这种做法,我只是想知道他们是怎么做到的。

如有任何帮助,我们将不胜感激。

最佳答案

下面的代码应该可以帮助你修复它

$("document").ready(function() {

$("#uploadImage").change(function() {
$('#form').submit();
});


});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="form" action="ajaxupload.php" method="post" enctype="multipart/form-data">
<input id="uploadImage" type="file" accept="image/*" name="image" />

</form>

关于javascript - Jquery:1个用于选择文件和文件上传的按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36570671/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com