2015-06-10 2 views
2

У меня есть код с «upload» и «кнопка». Он выберет файл при нажатии «загрузить» и выгрузит файл при нажатии «Готово» в данном месте. Но мне нужно автоматически загружать файл, например вложение Gmail. Может ли кто-нибудь мне помочь?Как создать загрузку файлов как gmail?

+2

Вопросы просят нас, чтобы рекомендовать или найти книгу, инструмент, библиотека программного обеспечения, учебник или другой ресурс, за пределами площадки являются вне темы для переполнения стека, поскольку они, как правило, привлекают упрямые ответы и спам. Вместо этого опишите проблему и то, что было сделано до сих пор, чтобы ее решить. – daker

+0

Я написал код, используя php, jquery для загрузки файлов. У меня есть две кнопки «загрузить» и сделать «кнопку». Он выберет файл при нажатии «загрузить» и выгрузит файл при нажатии «Готово» в указанном месте. Без щелчка «Готово» файл должен автоматически загружаться, как мы делаем в gmail @daker –

+0

Я все равно понимаю ваш вопрос i надеюсь, эта ссылка поможет вам. http://stackoverflow.com/questions/13711264/php-upload-auto-submit-after-browse-a-file –

ответ

0

Попробуйте этот код ....

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>File(s) size</title> 
<script> 
function updateSize() { 
    var nBytes = 0, 
     oFiles = document.getElementById("uploadInput").files, 
     nFiles = oFiles.length; 
    for (var nFileId = 0; nFileId < nFiles; nFileId++) { 
    nBytes += oFiles[nFileId].size; 
    } 
    var sOutput = nBytes + " bytes"; 
    // optional code for multiples approximation 
    for (var aMultiples = ["KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"], nMultiple = 0, nApprox = nBytes/1024; nApprox > 1; nApprox /= 1024, nMultiple++) { 
    sOutput = nApprox.toFixed(3) + " " + aMultiples[nMultiple] + " (" + nBytes + " bytes)"; 
    } 
    // end of optional code 
    document.getElementById("fileNum").innerHTML = nFiles; 
    document.getElementById("fileSize").innerHTML = sOutput; 
} 
</script> 
</head> 

<body onload="updateSize();"> 
<form name="uploadForm"> 
<p><input id="uploadInput" type="file" name="myFiles" onchange="updateSize();" multiple> selected files: <span id="fileNum">0</span>; total size: <span id="fileSize">0</span></p> 
<p><input type="submit" value="Done"></p> 
</form> 
</body> 
</html> 
+0

thanx jaffer wilson. это было полезно ... –

1

Вы можете использовать сторонние библиотеки для реализации функций перетаскивания, удаления и автоматической загрузки. Существует одна библиотека, которую я знаю http://www.dropzonejs.com/

+0

Thanx @Mohit. Я написал код, используя php, jquery, будет ли это работать для этих типов кода? если так, где мне нужно импортировать его? thanx заранее –

+0

Вам просто нужно загрузить dropzone js в свой тег скрипта и добавить класс dropzone в свой тег формы. Для получения дополнительной информации вы можете перейти к документации [link] (http://www.dropzonejs.com/#usage) – Mohit

Смежные вопросы