양식에 SO와 같은 파일 또는 이미지 첨부 파일을 만드는 방법

Question

파일 및 이미지를 업로드하기위한 일부 PHP 스크립트를 보았지만 필요한 파일을 찾지 못했습니다.

기본적으로 나는 양식이 있습니다 : http://jsfiddle.net/MwnSn/11/ 및 하단의 textarea 섹션, 첨부 파일/이미지 파일을 추가하여 사용자가 자신의 컴퓨터에서 파일이나 이미지를 선택하면 텍스트 영역에 URL의 일부 형태로 생성합니다. 그래서 사용자는 양식을 제출할 수 있으며 뷰어는 주소 표시 줄에 URL을 넣어 파일을 다운로드하거나 이미지를 볼 수 있습니다.이 이미지 나 파일을 내 웹 호스트로 다운로드하고 사용자가 다운로드하거나 그것을 직접 볼 수있는 URL이 있지만 매주 그 엉망을 청소 크론 작업을 만들 필요가 있기 때문에 그것은 신뢰할 수없는 성가신 수 있습니다 ....

내가 뭘 할 수 있는지에 대한 아이디어? http://api.imgur.com/examples를 사용하여 사용자가 파일을 추가

Answer 1

Working Example

예 :

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); 
}