0

Как сделать загрузку изображений с ограничениями? Т.е. нужны ограничения по размеру файлу и по изображению. Надо чтобы при нажатию загружалась картинка например с размером 200 * 200 и размер файла!

#picture{
	border:1px solid; 
	background-color:#FFF;
	overflow: hidden;
}

.picture{
	width:460px;
	height:600px;
}

#imageFace{
	background:url("../images/faces/Face_3.jpg") no-repeat bottom;
	background-size:100%;
	z-index:-1;
}


.button{ 
width:60px;
height: 100px;
}
<div class="grid_6 prefix_3 suffix_3">
		<div id="picture" class="picture">
        	<div id="imageFace" class="picture"></div>
        </div>
  </div>


    <p><button id="save" class="button" onload="imgLoaded(this)" onClick="javascript:savePicture();">Save Picture</button></p>

3
  • 1
    Проверка делается на сервере, а не на клиенте 22 фев 2017 в 13:14
  • На клиенте можно проверить лишь размер файла. тут пример kavoir.com/2009/01/… какой-никакой.
    – nick_n_a
    22 фев 2017 в 13:24
  • Ну значит размер файла, пытался гуглить, но не на гуглил(
    – incub
    22 фев 2017 в 13:26

1 ответ 1

3

Средствами клиента, выполнить данную задачу, не представляется возможным, ввиду невозможности прямого доступа из браузера к файловой системе. Проверки подобного рода, всегда осуществляются на стороне сервера. Загружается файл в виде потока на сервер, если в процессе загрузки обнаруживается превышение допустимого размера файла, идет прекращение загрузки с возвратом кода ошибки. Если файл уложился в размер, он приводится к изображению (как, это уже зависит от типа бекэнда который вы используете), дальше проверяется размеры растра и если они не соответствуют требованиями, возвращается код ошибки.

2
  • А как сделать без проверки? Просто на нажатию на кнопку? Нашел этот код, но как с имитировать input type file, но при клике на кнопку: $(document).ready(function(){ $("#save").click(function(){ $("#div1").load("demo_test.txt"); }); });
    – incub
    22 фев 2017 в 19:41
  • Функция $().load загружает в контейнер файл находящийся в сети. В приведенном вами примере, она загружает в div demo_test.txt по относительному пути domain/demo_test.txt . Загрузить таким образом файл с локальной машины клиента нельзя. 24 фев 2017 в 8:54

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.