oneonepro

Дело в том, что ajax не позволяет загружать изображения на сервер. Есть способ через iframe. Способ рабочий и меня устраивает. Изображение загружается на сервер, но я еще хотел бы добавить уменьшение размера загруженного изображения. Например: если изображение в ширину больше 1000px, то пропорционально уменьшается до 900px в ширину например. ниже приведу код формы и код jquery.

<div id="fullsize">
	<form method="post" enctype="multipart/form-data" action="work.php" target="imgframe" id="upload">
	   <input style="display: none;" type="file" id="picture" 
	   required="required" accept="image" name="picture" onchange="document.getElementById('upload').submit()">
	   <div id="trigger">выбрать</div>
	</form>
	<img id="image" src="" />
	<iframe style="visibility: hidden; display: none;" id="imgframe" name="imgframe">
	</iframe>	
</div>

function work(obj) {
    $("#image").attr("src", obj);
}