Я собираюсь просмотреть изображение или фотографию в форме, но это не работает, и HTML-код выглядит следующим образом:
<form action="" method="post" enctype="multipart/form-data" name="personal_image" id="newHotnessForm">
<p><label for="image">Upload Image:</label>
<input type="file" id="imageUpload"/></p>
<p><button type="submit" class="button">Save</button></p>
<div id="preview">
<img width="160px" height="120px" src="profile pic.jpg" id="thumb" />
</div>
</form>
и включенный код JS/скрипт ниже:
<script type="text/jaavascript">
$(document).ready(function(){
var thumb=$('#thumb');
new AjaxUpload('imageUpload',{
action:$('newHotnessForm').attr('action'),
name:'image',
onSubmit:function(file,extension){
$('#preview').addClass('loading');
},
onComplete:function(file,response){
thumb.load(function(){
$('#preview').removeClass('loading');
thumb.unbind();
});
thumb.attr('src',response);
}
});
});
В моей форме есть 2 основных вопроса:
1. Почему не работает предварительный просмотр изображения или изображения?
2. Как вставить фотографию из формы, когда нажата кнопка "Сохранить", она перейдет/перейдет на другую страницу PHP или PHP, которую я создал?