Следующий код позволяет загружать изображения (используя форму html) в каталог на моем сервере.
<?php $target = "http://www.mockcourt.org.uk/user/htdocs/pics/2012/"; $target = $target . basename( $_FILES['uploaded']['name']); $ok=1; if (move_uploaded_file($_FILES['uploaded']['tmp_name'], $target)) { echo "The file ". basename( $_FILES['uploadedfile']['name']). " has been uploaded"; } else { echo "Sorry, there was a problem uploading your file."; } ?> Есть ли способ изменить его, чтобы вместо этого добавлять изображения на страницу html?
благодаря
После того, как вы загрузите его, вы можете использовать javascript, чтобы поместить его на страницу html.
Я не совсем уверен, каков ваш вопрос, хотя
РЕДАКТИРОВАТЬ:
Итак, html-форму на вашей странице:
<form action="imageUpload.php" method="post" enctype="multipart/form-data" target="upload_target" onsubmit="jupload();" id="form1" > <div style="visibility:'hidden';" class="imageholder"> <!-- a gif image to show that the process wasn't finished --> </div> <input type="file" name="imgfile" /> <input type="submit" name="uploadButton" class="upbtn" value="Submit" /> </form>
Javascript (JQUERY) код для загрузки и добавления изображения:
function jupload() { $(".imageholder").append('<img src="./images/loading.gif">'); } function juploadstop(result) { if(result==0) { $(".imageholder").html(""); } // the result will be the path to the image else if(result!=0) { $(".imageholder").html(""); // imageplace is the class of the div where you want to add the image $(".imageplace").append("<img src='"+result+"'>"); } }
PHP-код:
<?php $target = "http://www.mockcourt.org.uk/user/htdocs/pics/2012/"; $target = $target . basename( $_FILES['uploaded']['name']) ; $ok=1; if (move_uploaded_file($_FILES['uploaded']['tmp_name'], $target)) { $result=$target; } else { $result=0; } ?> <script language="javascript" type="text/javascript"> window.top.window.juploadstop(<?php echo $result; ?>); </script>
Предположим, у вас есть форма в HTML, чтобы отправить изображение. Сделайте кнопку отправки, а не кнопку отправки, а просто кнопку … например
<input type='button' id='submit_form' value='upload' />
и в javascript, используйте Ajax для отправки формы и JQuery, чтобы отобразить ее на веб-странице
$('#submit_form')click(function(){ $.ajax({ type: 'POST', url: path/phpfile.php, data: image_input_name }); //after submitting, get the url of the image form the server $('#div_to_display_image').html("<img src='path/image_file.jpg' alt='this' />"); });
Надеюсь это поможет 🙂