Create a Drag & Drop File Uploader For Websites

所在平台: Udemy

课程主页: https://www.udemy.com/course/create-a-udemy-style-drag-drop-file-uploader-for-websites/

课程评论:没有评论

第一个写评论        关注课程

课程简介

课程名称:为网站创建拖放文件上传器 课程概述:您是否曾想过Udemy是如何为讲师创建出色的文件上传器的?本课程将向您展示如何构建自己的文件上传器,具有拖放上传的高级功能。在课程中,您将学习如何设置上传服务器、设置上传页面的样式、显示上传进度条,并编写JavaScript代码使其全部结合在一起。 技术描述:使用HTML5拖放API创建一个多文件上传器,并在不支持的情况下提供多文件选择。您将创建一个可重用的JavaScript AJAX上传器,适用于任何可以上传文件并输出JSON的后端语言,尽管我们将在这里使用PHP。最后,我们将通过使用可重用的上传器代码汇总哪些文件已上传,哪些文件上传失败。 使用的技术和语言:PHP、JavaScript、AJAX、CSS、HTML5 现实世界应用:该文件上传器可以用于创建在线学习平台,如Udemy,或任何其他需要文件上传的网站。掌握这一技能将使您在网络开发者中脱颖而出。

课程评论(0条)

课程详情

Have you ever wondered how Udemy created their great file uploader for instructors? This course shows you how to build your own file uploader with the advanced feature of drag and drop uploading. In this course you will learn how to set up your upload server, set the style of your upload page, display an upload progress bar, and write the JavaScript code to make it all come together. Technical Description Create a multiple file uploader using the HTML5 Drag & Drop API, with a multiple file selection if not supported. You'll create a reusable JavaScript AJAX uploader that works with any backend language that can upload files and output JSON, although we'll be using PHP here. Finally, we'll pull this all together by using the reusable uploader code to output which files have been uploaded and which ones failed. Technologies and Languages Used PHP JavaScript AJAX CSS HTML5 Real World Uses This file uploader can be used in creating an online learning platform like Udemy or on any other type of website in which file uploads are important. Learning this skill we keep you head and shoulders above the rest of the web dev flock.

课程标签

0人关注该课程

主题相关的课程