как сделать прикрепленное файл или изображение как SO на форме

Я видел некоторые скрипты PHP для загрузки файлов и изображений, но не нашел их в том, что мне нужно.

В основном у меня есть форма: http://jsfiddle.net/MwnSn/11/ и раздел textarea внизу, я хотел бы добавить прикрепляемый образ / файл, чтобы пользователь выбирал файл или изображение со своего компьютера, он создает в некоторую форму URL-адреса в текстовом поле, чтобы пользователь мог отправить форму, и зритель просто помещает URL-адрес в свою адресную строку для загрузки файла или просмотра изображения … Я знаю, что может быть способ загрузить это изображение или файл в мой веб-хост и позвольте пользователю получить URL-адрес для загрузки или просмотра непосредственно, но это может раздражать ненадежность, потому что мне нужно будет создать работу cron, чтобы очистить этот беспорядок в неделю ….

Любые идеи о том, что я могу сделать?

Related of "как сделать прикрепленное файл или изображение как SO на форме"

Рабочий пример

Да, когда пользователь добавляет файл, используя http://api.imgur.com/examples :

function upload(file) { // file is from a <input> tag or from Drag'n Drop // Is the file an image? if (!file || !file.type.match(/image.*/)) return; // It is! // Let's build a FormData object var fd = new FormData(); fd.append("image", file); // Append the file fd.append("key", "6528448c258cff474ca9701c5bab6927"); // Get your own key: http://api.imgur.com/ // Create the XHR (Cross-Domain XHR FTW!!!) var xhr = new XMLHttpRequest(); xhr.open("POST", "http://api.imgur.com/2/upload.json"); // Boooom! xhr.onload = function() { // Big win! // The URL of the image is: document.getElementById('TextAreaId').innerHTML = JSON.parse(xhr.responseText).upload.links.imgur_page; } // Ok, I don't handle the errors. An exercice for the reader. // And now, we send the formdata xhr.send(fd); }