Php 文件上传完成后如何重定向?
我正在使用此表单,只想在文件上载完成时重定向Php 文件上传完成后如何重定向?,php,jquery,html,asp.net,redirect,Php,Jquery,Html,Asp.net,Redirect,我正在使用此表单,只想在文件上载完成时重定向 <form name="sentMessage" id="quote" enctype="multipart/form-data"> <div class="input-field"> <input type="text" name="name" class="form-control"
<form name="sentMessage" id="quote" enctype="multipart/form-data">
<div class="input-field">
<input type="text" name="name" class="form-control"
id="name" required
data-validation-required-message="Please enter your name" />
<label for="name" class=""> Name </label>
<p class="help-block"></p>
</div>
<div class="input-field">
<input type="email" class="form-control" id="email" name="email" required
data-validation-required-message="Please enter your email" />
<label for="Email" class=""> Email </label>
</div>
<div class="input-field">
<input type="text" name="subject" class="form-control"
id="subject" required
data-validation-required-message="Please enter Subject" />
<label for="subject" class=""> Subject </label>
</div>
<div class="input-field">
<select class = "browser-default form-control extra" aria-required="true" name="selectType" required aria-invalid="false" required >
<option value = "" enable selected>Select Service</option>
<option value = "1">L</option>
<option value = "2">V</option>
<option value = "3">D</option>
</select>
</div>
<div class="input-field">
<textarea name="message" rows="10" cols="100" required class="form-control materialize-textarea"
idation-required-message="Please enter your message" minlength="5"
data-validation-minlength-message="Min 5 characters"
maxlength="999" style="resize:none"></textarea>
<label for="message" class="" > Message </label>
</div>
<br>
<div class="Attachment"> Attachment:<INPUT TYPE="file" NAME="image" MAXLENGTH=50 ALLOW="text/*" ></INPUT></div>
<br>
<div id="success"> </div> <div class="hidden alert alert-success"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button><strong><span id="userName"></span> Your Message has been sent successfully, </strong>You will hear from us within 24 hours. </div> <!-- For success/fail messages -->
<button type="submit" class="btn btn-primary waves-effect waves-dark pull-right">Send</button><br />
</form>
名称
电子邮件
主题
选择服务
L
v
D
消息
附件:
×您的邮件已成功发送,您将在24小时内收到我们的回复。
发送
这是我正在使用的脚本,它在onlicksubmit按钮后执行
<Script>
document
.getElementById("quote")
.addEventListener("submit", function(e) {
e.preventDefault();
window.location.href = "test.php";
});
</script>
文件
.getElementById(“报价”)
.addEventListener(“提交”,功能(e){
e、 预防默认值();
window.location.href=“test.php”;
});
但问题是当我上传文件,并点击提交按钮,它重定向到url,而不提交带有附件的表单数据时。我希望,一旦上传完成并显示成功消息,则需要重新定向,而不是在此之前。此外,Michael说: e、 预防默认值() 这会阻止表单提交,随后的行会触发重定向
您需要手动将数据发送到后端,发送后,执行重定向。您的提交处理程序不会将表单数据发布到任何后端脚本,因此自然不会上载任何文件数据。另外,您实际上不需要使用DOM来设置处理程序,只需执行
,然后在javascript中使用类似函数handleSubmit(){…}
的函数,将表单数据发送到后端,然后执行重定向。