Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Отправка картинки на сервер без перезагрузки страницы

Здравствуйте!
есть
Код HTML5
1
<input type="file"/>
через который на локальном компьютере выбирается картинка.
затем при нажатии определенной кнопки нужно отправить данную картинку на сервер, заданному скрипту, который ее обработает.
как это сделать средствами javascript?
Ответ:
Сообщение от alexsamos33
можно через FormData
спасибо, взял подробности отсюда
протестирую отпишусь

Добавлено через 3 часа 34 минуты
работает!
выложу куски кода на случай если кому понадобится.
прописал форму
Код HTML5
1
2
3
4
            <form class="image-form" id="image-form" name="image_form" action="" method="POST" enctype="multipart/form-data">
                <input type="file" name="uploadfile" accept="image/jpeg,image/png"/>
                <button onclick="addImage();event.preventDefault();">загрузить</button>
            </form>
в кнопку дописал
Код Javascript
1
event.preventDefault();
для того, чтоб страница не перезагрузилась во время отправки картинки на сервер.
сама отправка
Код Javascript
1
2
3
4
5
6
7
8
function addImage(){
    // создать объект для формы
    var formData = new FormData(document.forms.image_form);
    // отослать
    var xhr = new XMLHttpRequest();
    xhr.open("POST", "save_image.php", false);
    xhr.send(formData);
}
скрипт сохранения картинки save_image.php
Код PHP
1
2
copy($_FILES['uploadfile']['tmp_name'],"images/".basename($_FILES['uploadfile']['name']));
echo basename($_FILES['uploadfile']['name']);
информацию по сохранению картинки на сервер брал отсюда
Вопрос: Выборка всех картинок из папки на сервере

В общем задачка такова:
В папке на сервере лежит кучка картинок с названиями отличающимися только цифрами (frame01, frame02 итд). Нужно как-то получить все названия (как потом из них url сделать я знаю) и положить в массив/коллекцию. Количество картинок заранее неизвестно.

Если кому не лень написать без jquery и прочих приблуд, вы очень поможете.
Ответ: Вот здесь продолжение ответа. Задачка решена.
Вопрос: Загружаются не все картинки

Приветствую!

Подскажите как "дождаться" загрузки всех картинок.

Есть сайт, у которого есть слайдер и есть меню с картинками. При загрузке в меню отображается одна картинка, а при наведении мышки - другая картинка. При плохой скорости интернета, при наведении курсора на картинку в меню ничего не отображается и только через некоторое время, когда прогрузится вторая картинка - она отображается в меню.
Подскажите, как реализовать прогрузку всех картинок сразу при загрузке страницы.

То есть при открытии сайта, показывается прелоадер, а в это время браузер загружает все картинки. Все картинки прописаны в Css файле. Пробовал использовать body onload, но прелоадер вырубается до загрузки картинок из меню.


Спасибо!
PS: Сорри, если коряво описал.
Ответ:
oaken
ShSerge
Кстати, у картинок тоже есть событие onload.
А если эти картинки прописаны в CSS?

В цсс они относительно цсс грузятся. На всякий случай, обратите внимание.
Вопрос: Можно ли выяснить и добавить всем картинкам в статьях отсутствующие атрибуты width height в WordPress в пакетном режиме?

Приветствую, уважаемые гуру!

Имел неосторожность вписывать картинки непосредственно кодом в статьи через визуальный редактор, не пользуясь вовсе галереей WordPress.
Делал это, потому что ранее добавил в ручную скрипт увеличения по клику на изображении (highslide.js)

В итоге картинки в коде прописывались мной так:

<a href="http://site.ru/pics/sample.png" target="_blank" rel="highslide" title="Описание"><img class="aligncenter" alt="Описание" src="http://site.ru/pics/sample.png"></a>

А теперь очень нужно прописать для всех этих картинок реальную ширину и высоту.

Нашёл плагин Specify Image Dimensions
Он определяет и вписывает нужные размеры, но не только для картинок в статьях, но и вообще всех картинок (в боковых меню которые (похожие статьи, читайте также), а они у меня там через CSS заданы в процентах).
И он их вписывает при генерации страницы, а не сам код статей, из-за чего другие плагины не видят этих размеров.

Может есть какое пакетное решение, которое позволит вычислить и вписать атрибуты размеров для картинок, которые в свою очередь прописаны в теле статей WordPress?
Ответ: rikitikitari
Спасибо за ответ. Принцип то понятен, причём даже для меня, знающего лишь HTML на любительском уровне :-) Вот если бы какое-то конкретное решение, которое может ранее тут на форуме проскакивало. Неужели я один такой "визунчик"
Вопрос: Заменить все картинки с ответом 404

Добрый день.
Допустим у нас есть сотня картинок

<img id="d1" src="https://igcdn-photos-e-a.akamaihd.net/hphotos-ak-xaf1/t51.2885-19/11378871_358790890981124_2078371892_a.jpg">
<img
id="d2" src="https://igcdn-photos-a-a.akamaihd.net/hphotos-ak-xaf1/t51.2885-19/11379015_1456553887988128_1562130345_a.jpg">
<img
id="d3" src="https://igcdn-photos-a-a.akamaihd.net/hphotos-ak-xfa1/t51.2885-19/11372228_902744869768440_1769208499_a.jpg">


Первые 2 уже не существуют, и возвращают 404 ответ.
Можно ли как то найти все несуществующие картинки, и заменить на какую то одну?
Вот такой код работает на конкретную картинку, но перебрать все не очень хочется. Возможно поставить условие для всех картинок с кодом 404


<script>
$.ajax({
url:'https://igcdn-photos-e-a.akamaihd.net/hphotos-ak-xaf1/t51.2885-19/11378871_358790890981124_2078371892_a.jpg',
type:'HEAD',
error: function(){
$('#d1').attr('src','https://igcdn-photos-a-a.akamaihd.net/hphotos-ak-xfa1/t51.2885-19/11372228_902744869768440_1769208499_a.jpg')
},
success: function(){

}
}
);
</
script>
Ответ:
Нет ничего более постоянного, нежели временное.
Нет ничего более постоянного, нежели обмотанное синей изолентой.
;)
Вопрос: На главной странице сайта не отображаются картинки записей, а в самой записи все картинки отображаются

Доброго времени суток всем. Помогите пожалуйста разобраться. На главной странице сайта не отображаются картинки записей, а в самой записи все картинки отображаются. Почему? Заранее спасибо.
Ответ:
Сообщение от coloribo
Помогите пожалуйста разобраться
А помогаем. Дайте PHP код главной страницы. Index.php по идее... Хотя могут быть и другие варианты )
Вопрос: При просмотре сайта в iOS перепутаны все картинки

У меня возник глюк, подобного которому не смог найти ни в российском ни в англоязычном сегменте.
Сайт
Если зайти ПЕРВЫЙ раз с любого устройства iOS (то есть айфона или айпеда), причем из любого браузера, то все картинки перепутаны, то есть например логотип откуда-то из низа страницы встает вместо картинки баннера, или фотка из анонса может встать вместо скана лицензии и т.д. То есть как будто у картинок перепутали атрибуты src.
Если просто обновить страницу, то глюк исчезает и его можно снова увидеть лишь очистив кеш.

На других устройствах: десктопе или из андроиде глюк не проявляется ни в одном браузере.
Клиент мне всю плешь уже этим глюком проел, а я не понимаю что происходит.
Что это может быть?
Ответ:
Дело вам говорят, очень почему-то долго загружается.
Вопрос: Добавление rel ко всем картинкам выводящимся через the_content

Здраствуйте. Получается я добавляю картинку ссылкой через контент, нужно чтобы к ней добавлялся rel. Нужно чтобы автоматом ко всем картинкам добавлялся. Можно так сделать?
Ответ: a href работает, вставляется автоматически, а вот rel="lightbox" не вставляется. как это исправить?

Сообщение от hardwaremaster
PHP
1
2
3
4
5
6
7
8
9
add_filter('the_content', 'html_add_attr');
 
function html_add_attr($content) {
    global $post;
    $pattern ="/<a(.*?)href=('|\")(.*?).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>/i";
    $replacement = '<a$1href=$2$3.$4$5 rel="lightbox" title="'.$post->post_title.'"$6>';
    $content = preg_replace($pattern, $replacement, $content);
    return $content;
}
Вопрос: Изменение ширины у всех картинок в одном div

Доброй ночи. У меня появился такой вопросик:

Есть элемент <div>, в котором из бд выводится текст. В тексте может присутствовать тег <img> (выводятся картинки). Как сделать так, чтобы при выводе у всех картинок при ширине более заданного значения Х, устанавливалась ширина равная этому самому Х?
Ответ:
исправил ссылку. теперь тоько по ширине работает.
Вопрос: Загрузил галерею на сайт, но не все картинки отображаются

Помогите пожалуйста , загрузил галерею jquery на сайт, в Denwer все хорошо работает, а когда загрузил сайт на хост то отображаются не все картинки , например 1 показывает нормально, следующие 2 не показывают, потом снова не которые показывают и т.д, подскажите что делать?
вот как это выглядит
Ответ: спасибо, разобрался)очень помог