ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Тащу файл на div drag'n'drop-ом. Как пощупать сам файл?
25 сообщений из 27, страница 1 из 2
  1  все
Тащу файл на div drag'n'drop-ом. Как пощупать сам файл?
    #38785421
Monochromatique
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Monochromatique
Участник
Жесть какая-то.

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
 __drag_drop(dropevent): void {

        dropevent.stopPropagation();
        dropevent.preventDefault();

        var types = dropevent.dataTransfer.types;

        $.ajax({
            type: 'POST',
            url: "/home/new_picture",
            data: { pictire: dropevent.dataTransfer.getData("[color=red]ЧТО ПИСАТЬ ЗДЕСЬ????[/color]")}
        });

        //dropevent.dataTransfer.getData(types[0])
       

    }




Что надо передать в параметре метода getData()??????
Сказано, что надо передать формат в строковом виде.
Хоть как-то "съело" только TEXT - и вернуло null.

Больше ничего "есть не хочет" - выбрасывает исключение - "Недопустимый аргумент".
Перепробовал много - от image/jpeg до Files -- File.

Не понимаю.
...
Рейтинг: 0 / 0
23.10.2014, 14:18
| Ответить | Цитировать | Написать  
Тащу файл на div drag'n'drop-ом. Как пощупать сам файл?
    #38785454
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
MonochromatiqueЧто надо передать в параметре метода getData()??????
Код: sql
1.
'Files'

вернет массив файлов
...
Рейтинг: 0 / 0
23.10.2014, 14:27
| Ответить | Цитировать | Написать  
Тащу файл на div drag'n'drop-ом. Как пощупать сам файл?
    #38785473
Monochromatique
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Monochromatique
Участник
Яростный Меч,

Да нифига.
...
Рейтинг: 0 / 0
23.10.2014, 14:32
| Ответить | Цитировать | Написать  
Тащу файл на div drag'n'drop-ом. Как пощупать сам файл?
    #38785502
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
dataTransfer.files

https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer#files.28.29

А getData принимает параметрами только 'Text' или 'URL'.
...
Рейтинг: 0 / 0
23.10.2014, 14:45
| Ответить | Цитировать | Написать  
Тащу файл на div drag'n'drop-ом. Как пощупать сам файл?
    #38785518
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
MonochromatiqueЯростный Меч,

Да нифига.

getData('Files') вернет массив файлов.
далее тебе надо их по отдельности, либо через FormData, отправить на сервер.
...
Рейтинг: 0 / 0
23.10.2014, 14:50
| Ответить | Цитировать | Написать  
Тащу файл на div drag'n'drop-ом. Как пощупать сам файл?
    #38785571
Monochromatique
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Monochromatique
Участник
Яростный МечMonochromatiqueЯростный Меч,

Да нифига.

getData('Files') вернет массив файлов.
далее тебе надо их по отдельности, либо через FormData, отправить на сервер.

Спасибо, конечно, но как-то не спешит он возвращать массив файлов. Я же на скрине это показал.
...
Рейтинг: 0 / 0
23.10.2014, 15:12
| Ответить | Цитировать | Написать  
Тащу файл на div drag'n'drop-ом. Как пощупать сам файл?
    #38785586
Monochromatique
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Monochromatique
Участник
AntonariydataTransfer.files

Так а что ".files"-то?

Там только мишура бесполезная, да имя файла без пути.

Мне до самого файла добраться надо.
...
Рейтинг: 0 / 0
23.10.2014, 15:16
| Ответить | Цитировать | Написать  
Тащу файл на div drag'n'drop-ом. Как пощупать сам файл?
    #38785616
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
Monochromatique,

функцию __drag_drop на какое событие вешаешь? на "ondrop"?
...
Рейтинг: 0 / 0
23.10.2014, 15:27
| Ответить | Цитировать | Написать  
Тащу файл на div drag'n'drop-ом. Как пощупать сам файл?
    #38785625
Monochromatique
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Monochromatique
Участник
Яростный Меч,

Да.

Код: html
1.
  <div class="my_panel_v" style="height:320px; background-color:aliceblue" ondragover="doc_control.prevent(event)" ondrop="doc_control.__drag_drop(event)"><h3>Перетащите новые фотографии сюда</h3></div>
...
Рейтинг: 0 / 0
23.10.2014, 15:32
| Ответить | Цитировать | Написать  
Тащу файл на div drag'n'drop-ом. Как пощупать сам файл?
    #38785639
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
MonochromatiqueAntonariydataTransfer.files

Так а что ".files"-то?

Там только мишура бесполезная, да имя файла без пути.

Мне до самого файла добраться надо.а чукча по ссылкам не ходок? DataTransfer -> FileList -> File -> getAsBinary()
...
Рейтинг: 0 / 0
23.10.2014, 15:36
| Ответить | Цитировать | Написать  
Тащу файл на div drag'n'drop-ом. Как пощупать сам файл?
    #38785647
Monochromatique
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Monochromatique
Участник
Antonariy,

}{одоque.

Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.


В IE не работает.
...
Рейтинг: 0 / 0
23.10.2014, 15:41
| Ответить | Цитировать | Написать  
Тащу файл на div drag'n'drop-ом. Как пощупать сам файл?
    #38785657
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
MonochromatiqueВ IE не работает.В IE много чего не работает, такова жизнь. text-decoration-style, например, вообще работает только в FF. А эту штуку еще как минимум хром поддерживает.
...
Рейтинг: 0 / 0
23.10.2014, 15:46
| Ответить | Цитировать | Написать  
Тащу файл на div drag'n'drop-ом. Как пощупать сам файл?
    #38785671
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
блин, а ведь точно, dataTransfer.files.

у меня в коде так записано:
Код: sql
1.
2.
var dt = e.dataTransfer;
var files = dt.files || dt.getData('Files');




MonochromatiqueТам только мишура бесполезная, да имя файла без пути.не такая уж бесполезная.
files[i] представляет собой "ссылку на файл".
ее можно отправить аяксом (через свойство upload объекта "new XMLHttpRequest()", либо через FormData)
либо прочитать с помощью FileReader
...
Рейтинг: 0 / 0
23.10.2014, 15:50
| Ответить | Цитировать | Написать  
Тащу файл на div drag'n'drop-ом. Как пощупать сам файл?
    #38785715
Monochromatique
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Monochromatique
Участник
Яростный МечMonochromatiqueТам только мишура бесполезная, да имя файла без пути.не такая уж бесполезная.
files[i] представляет собой "ссылку на файл".
ее можно отправить аяксом (через свойство upload объекта "new XMLHttpRequest()", либо через FormData)
либо прочитать с помощью FileReader


Чудно как-то.

Почему я не могу "ссылку на файл" увидеть "глазами" в отладчике?

Нет ни свойства, ни метода..
...
Рейтинг: 0 / 0
23.10.2014, 16:10
| Ответить | Цитировать | Написать  
Тащу файл на div drag'n'drop-ом. Как пощупать сам файл?
    #38785799
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
MonochromatiqueНет ни свойства, ни метода..свойства должны быть.
имя файла, размер.
...
Рейтинг: 0 / 0
23.10.2014, 16:43
| Ответить | Цитировать | Написать  
Тащу файл на div drag'n'drop-ом. Как пощупать сам файл?
    #38785805
Monochromatique
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Monochromatique
Участник
Яростный МечMonochromatiqueНет ни свойства, ни метода..свойства должны быть.
имя файла, размер.

Это всё есть.

Я про само тело файла.

Как можно логически догадаться, что с ссылкой надо работать?
...
Рейтинг: 0 / 0
23.10.2014, 16:47
| Ответить | Цитировать | Написать  
Тащу файл на div drag'n'drop-ом. Как пощупать сам файл?
    #38785813
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
MonochromatiqueКак можно логически догадаться, что с ссылкой надо работать?открыть документацию и почитать.
FileReader тебе нужен.
...
Рейтинг: 0 / 0
23.10.2014, 16:51
| Ответить | Цитировать | Написать  
Тащу файл на div drag'n'drop-ом. Как пощупать сам файл?
    #38785822
Monochromatique
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Monochromatique
Участник
Яростный МечMonochromatiqueКак можно логически догадаться, что с ссылкой надо работать?открыть документацию и почитать.
FileReader тебе нужен.


Про FileReader я понял.

Я имею в виду другое.

Если я имею экземпляр класса, у которого в отладчике всего два поля:
1. name (и то огрызок)
2. size

то как догадаться, что НА САМОМ-ТО ДЕЛЕ - там "где-то" еще есть и тело файла?

Писал много на Шарпе - как-то в башню это не залезает.

Я понимаю, если бы там был ПОЛНЫЙ ПУТЬ, тогда встал бы вопрос - как прочитать файл по данному пути, но его ведь нет.
...
Рейтинг: 0 / 0
23.10.2014, 16:58
| Ответить | Цитировать | Написать  
Тащу файл на div drag'n'drop-ом. Как пощупать сам файл?
    #38785837
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
Monochromatiqueто как догадатьсядогадаться нельзя.
но это странный вопрос - "как догадаться".
общепринятый подход - чтение документации.
а догадаться до всего нельзя и в C# только с помощью дебаггера/автокомплита (сам на нем писал).


Monochromatique1. name (и то огрызок)не огрызок, а именно то что надо.
Путь к файлу в условиях вебстраницы никакого смысла не имеет - всё равно нет произвольного доступа к файловой системе, есть ограниченный.
Невозможно просто взять и прочитать файл по заданному некоторой строкой пути.

MonochromatiqueЯ понимаю, если бы там был ПОЛНЫЙ ПУТЬ, тогда встал бы вопрос - как прочитать файл по данному путинет.
почему - см. выше.
а сделано самым очевидным образом (для людей, привыкших к js) - в методы FileReader передается эта ссылка.
хотя, может быть, ещё очевидней было бы оные методы в класс File добавить. Но сделано как сделано.
...
Рейтинг: 0 / 0
23.10.2014, 17:09
| Ответить | Цитировать | Написать  
Тащу файл на div drag'n'drop-ом. Как пощупать сам файл?
    #38785877
Monochromatique
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Monochromatique
Участник
Я очень не хочу показаться занудой...

Но эта ситуация меня обескуражила. Я не понимаю таких подходов.

Когда смотришь на объект в отладчике - и нету шанса догадаться, что за ним скрывается.

Чо, может и secretObject:string "ля-ля-ля" может ссылаться (представлять из себя) на какой-нибудь мега-контроллер, который стоит куда-то там передать и начнётся настоящая ЖАРА!!!!!????

Так JS меня еще не обламывал.
...
Рейтинг: 0 / 0
23.10.2014, 17:36
| Ответить | Цитировать | Написать  
Тащу файл на div drag'n'drop-ом. Как пощупать сам файл?
    #38785924
Monochromatique
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Monochromatique
Участник
Я понял! Это просто отстрел башки!!!

"Класс" File наследует Blob-у!

И добавлены какие-то свойства.

Ну что ж, запомним. Если у класса работяга есть поле возраст, то best practice по JS - унаследовать его от number. Интересно, а в этом случае - мы в отладчике увидим значение "возраста"??
...
Рейтинг: 0 / 0
23.10.2014, 18:15
| Ответить | Цитировать | Написать  
Тащу файл на div drag'n'drop-ом. Как пощупать сам файл?
    #38785942
Monochromatique
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Monochromatique
Участник
1. Куда надо полезть в отладчике, чтобы понять, что File унаследован от Blob-а?
2. Увидеть "тело" Blob-а?
...
Рейтинг: 0 / 0
23.10.2014, 18:26
| Ответить | Цитировать | Написать  
Тащу файл на div drag'n'drop-ом. Как пощупать сам файл?
    #38785981
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
MonochromatiqueЯ понял! Это просто отстрел башки!!!

"Класс" File наследует Blob-у!

И добавлены какие-то свойства.

Ну что ж, запомним. Если у класса работяга есть поле возраст, то best practice по JS - унаследовать его от number. Интересно, а в этом случае - мы в отладчике увидим значение "возраста"??да ладно тебе.
вспомни класс FileStream в сишарпе.
от чего он отнаследован?

здесь то же самое. File - это Blob, который хранится на диске и имеет название. Всё логично.

Monochromatique1. Куда надо полезть в отладчике, чтобы понять, что File унаследован от Blob-а?см. картинку-аттач. Это дебаггер в Хроме.
...
Рейтинг: 0 / 0
23.10.2014, 18:49
| Ответить | Цитировать | Написать  
Тащу файл на div drag'n'drop-ом. Как пощупать сам файл?
    #38785986
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
Monochromatique2. Увидеть "тело" Blob-а?вот, на той же странице (создание топика), в консольке, выполнить такие действия (построчно, т.е. написал строку, нажал ентер, и так 4 раза):
Код: sql
1.
2.
3.
4.
var file = document.getElementsByName("fileupload")[0].files[0];
var freader = new FileReader();
freader.readAsArrayBuffer(file);
new Uint8Array(freader.result)



в ответ на последнюю строку вывалится массив байт.
только надо файл выбрать.
...
Рейтинг: 0 / 0
23.10.2014, 18:55
| Ответить | Цитировать | Написать  
Тащу файл на div drag'n'drop-ом. Как пощупать сам файл?
    #38786012
Monochromatique
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Monochromatique
Участник
Яростный Меч,

То есть идея глухая - увидеть в отладчике MS VS - тип BLOB и его значение (имея объект File)?

Только в отладчике браузера?


-- File - это Blob, который хранится на диске и имеет название. Всё логично.

Мне гораздо ближе идея композиции, чем наследования, признаться..
...
Рейтинг: 0 / 0
23.10.2014, 19:21
| Ответить | Цитировать | Написать  
25 сообщений из 27, страница 1 из 2
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Тащу файл на div drag'n'drop-ом. Как пощупать сам файл?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38785805&tid=1446597]:
 0ms
get settings:
 7ms
get forum list:
 9ms
check forum access:
 1ms
check topic access:
 1ms
track hit:
 46ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 37ms
get tp. blocked users:
 1ms
others: 221ms
total:  331ms
созд. / загр.: 331ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]