最新的jquery等效文件上载,无需刷新页面
我需要上传文件而不使用jQuery刷新页面 我在旧jquery中使用最新的jquery等效文件上载,无需刷新页面,jquery,ajax,file,upload,Jquery,Ajax,File,Upload,我需要上传文件而不使用jQuery刷新页面 我在旧jquery中使用jquery.min.js和jquery.form.js找到了代码,但我需要使用最新的jquery完成。请告诉我使用最新jQuery的等效代码是什么: <script type="text/javascript" src="scripts/jquery.min.js"></script> <script type="text/javascript" src="scripts/jquery.form.
jquery.min.js
和jquery.form.js
找到了代码,但我需要使用最新的jquery完成。请告诉我使用最新jQuery的等效代码是什么:
<script type="text/javascript" src="scripts/jquery.min.js"></script>
<script type="text/javascript" src="scripts/jquery.form.js"></script>
<script type="text/javascript" >
$(document).ready(function() {
$('#photoimg').change(function(){
$("#preview").html('');
$("#preview").html('<img src="loader.gif" alt="Uploading...."/>');
$("#imageform").ajaxForm({
target: '#preview'
}).submit();
});
});
</script>
<form id="imageform" method="post" enctype="multipart/form-data" action='ajaximage.php'>
Upload your image <input type="file" name="photoimg" id="photoimg" />
</form>
<div id='preview'></div>
$(文档).ready(函数(){
$('#photoimg').change(function(){
$(“#预览”).html(“”);
$(“#预览”).html(“”);
$(“#imageform”).ajaxForm({
目标:“#预览”
}).submit();
});
});
上传你的图片
$(文档).ready(函数(){
$('#photoimg').change(function(){
$(“#预览”).html(“”);
$(“#预览”).html(“”);
$(“#imageform”).ajaxForm({
目标:“#预览”,
成功:函数(){
$('预览').fadeIn('慢');
}
};
});
});
参考:http://jquery.malsup.com/form/#html事实上,我使用的是旧版本的jquery。现在我使用的是最新版本的jquery及其工作文件。感谢所有人的支持和帮助。包括最新的jquery,看看它是否有效。如果无效,请发布错误。我目前使用的是jquery 1.2.3,它没有任何响应,先生。jQuery
1.7.1
刚刚发布。尝试使用它;)我已经用jQuery 1.2.3对项目进行了编码,所以这对我来说很难,也不能保证1.7.1可以使用上述代码。只有一种方法可以找到答案。下载两个JS文件的最新版本,看看会发生什么。我不确定您要求的是什么。此代码不适用于jQuery 1.2.3。但仅适用于jquery.min.js和jquery.form.js
$(document).ready(function() {
$('#photoimg').change(function(){
$("#preview").html('');
$("#preview").html('');
$("#imageform").ajaxForm({
target: '#preview',
success: function() {
$('#preview').fadeIn('slow');
}
};
});
});