FileUpload - это большой компонент загрузки файлов, записанный в чистом JavaScript за границей. Этот компонент поддерживает такие функции, как загрузка шарда, продолжение точки останова и несколько файлов.
Вот способ использовать пользовательский шаблон компонента загрузки FileUpload (fineUploaderBasic):
Ниже приведено код конфигурации:
Конфигурация фронта:
<!-Кнопка определения-> <div ID = "basic_uploader_fine"> <i> </i> select file </div> <div id = "triggerupload"> Нажмите, чтобы загрузить </div> <!-Показать информацию-> <div id = "Сообщения"> </div> <div Id = "Cancelupload"> Diver </div> <Div Id Divellal id = "PauseUpload"> приостановка загрузки </div> <div id = "continueUpload"> продолжить загрузку </div> <script> $ (document) .ready (function () {$ fub = $ ('#basic_uploader_fine'); $ messages = $ ('#сообщения'); True, // Кнопка Multi-File загрузки: $ fub [0], // кнопка загрузки автозагрузки: false, // Если вы не загружаете автоматически, вызовите метод uploadstoredfiless для загрузки вручную // Проверка проверки файла загрузки: {ulledextensions: ['jpeg', 'jpg', 'png', 'zip', 'rar', rar ', rar', rar ', rar', rar ', rar', rar ', rar', rar ',' or absolute address) request: { endpoint: 'server/endpoint.php' }, retry: { enableAuto: false // defaults to false Automatically retry}, chunking: { enabled: true, partSize: 500, // Group size, default is 2M concurrent: { enabled: true // Concurrent group upload, default 3 concurrent}, success: { endpoint: "Server/Endpoint.php? Dode" // Загрузка группы завершена после обработки}}, // обратные вызовы функции обратного вызова: {// Запуск файла upload onsubmit: function (id, filename) {$ messages.append ('<div Id = "file-' + id + '" style = margin: 20px 0 0 ">' + filename + '</div>'); Имя файла) {$ ('#file-' + id) .AdDClass ('alert-info') .html ('<img src = "client /load.gif">' + 'инициализация' + '' '');}, // Прогнозируемое столб Onprogress: функция (id, filename, загрузка, общая сумма) {if (loaded <total) {progress). '%' + math.round (total/1024) + 'kb'; 'Upload file ...' + progress); '); «Загружено успешно! Функция (ID, Имя, разум, MayBexhrorxdr) {console.log (id + '_' + name + '_' + anought); $ ('#Cancelupload'). Click (function () {uploader.cancel (0);}); $ ('#PauseUpload'). Click (function () {uploader.pauseUpload (0);});PHP -код:
//Handler.php Файл Официальный веб-сайт требует_онсе "handler.php"; $ uploader = new uploadhandler (); // Тип файла ограничение $ uploader-> allowedextensions = array (); // Ограничение размера файла $ uploader-> sizelimit = null; // upload file box $ uploader-> inputname = "qqfile"; // Определить местоположение сгруппированных файлов $ uploader-> chunksfolder = "chunks"; $ method = $ _server ["request_method"]; handler.php код и добавил правило генерации папок [вы также можете настроить его]) $ uploaddirectory = $ uploader-> getPathName ('member_avatar'); if ($ method == "post") {header ("content-type: text/plain"); // объединить группу после завершения загрузки группы, если (isset ($ _ get ["don"])) {$ result = $ uploader-> combinechunks ($ uploaddirectory); // слияние сгруппированных файлов} else {// запустить файл загрузки $ result = $ uploader-> handleupload ($ uploaddirectory); // Получить загруженное имя $ result ["uploadname"] = $ uploader-> getUploadName (); } echo json_encode ($ result);} // Удалить обработку файлов else if ($ method == "delete") {$ result = $ uploader-> handledelete ($ uploaddirectory); Echo json_encode ($ result);} else {header ("http/1,0 405 Метод не разрешен");}Выше приведено простая конфигурация шаблона пользовательского шаблона, я надеюсь, что это будет полезно для обучения каждого.