Filedrag
Author: k | 2025-04-25
To enable file drag and drop, JavaScript events must be attached to the file input element and filedrag element. The filedrag element should also be displayed and the form
FileDrag 3.2 - Download, Review, Screenshots
(function() { function Init() { var fileSelect = document.getElementById('file-upload'), fileDrag = document.getElementById('file-drag'), submitButton = document.getElementById('submit-button'); fileSelect.addEventListener('change', fileSelectHandler, false); // Is XHR2 available? var xhr = new XMLHttpRequest(); if (xhr.upload) { // File Drop fileDrag.addEventListener('dragover', fileDragHover, false); fileDrag.addEventListener('dragleave', fileDragHover, false); fileDrag.addEventListener('drop', fileSelectHandler, false); } } function fileDragHover(e) { var fileDrag = document.getElementById('file-drag'); e.stopPropagation(); e.preventDefault(); fileDrag.className = (e.type === 'dragover' ? 'hover' : 'modal-body file-upload'); } function fileSelectHandler(e) { // Fetch FileList object var files = e.target.files || e.dataTransfer.files; // Cancel event and hover styling fileDragHover(e); // Process all File objects for (var i = 0, f; f = files[i]; i++) { parseFile(f); uploadFile(f); } } function output(msg) { var m = document.getElementById('messages'); m.innerHTML = msg; } function parseFile(file) { output( '' + 'Name: ' + encodeURI(file.name) + '' + 'Type: ' + file.type + '' + 'Size: ' + (file.size / (1024 * 1024)).toFixed(2) + ' MB' + '' ); } function setProgressMaxValue(e) { var pBar = document.getElementById('file-progress'); if (e.lengthComputable) { pBar.max = e.total; } } function updateFileProgress(e) { var pBar = document.getElementById('file-progress'); if (e.lengthComputable) { pBar.value = e.loaded; } } function uploadFile(file) { var xhr = new XMLHttpRequest(), fileInput = document.getElementById('class-roster-file'), pBar = document.getElementById('file-progress'), fileSizeLimit = 1024; // In MB if (xhr.upload) { // Check if file is less than x MB if (file.size fileSizeLimit * 1024 * 1024) { // Progress bar pBar.style.display = 'inline'; xhr.upload.addEventListener('loadstart', setProgressMaxValue, false); xhr.upload.addEventListener('progress', updateFileProgress, false); // File received / failed xhr.onreadystatechange = function(e) { if (xhr.readyState == 4) { // Everything is good! To enable file drag and drop, JavaScript events must be attached to the file input element and filedrag element. The filedrag element should also be displayed and the form DescriptionUsers Migrating Portfolio to a new Server using Intel's 10th generation processors, codenamed: "Ice Lake" report an issue with the process: "node.js" failing to run. This results in a condition where NetPublish sites are listed in the Administration tool, but cannot connect or display properly. Additionally, users are unable to create new NetPublish sites.Server instances running with successors to Ice Lake ( i.e. Sapphire Rapids, Emerald Rapids etc. ) may also experience the same issues.Affected versionsThis issues applies to Portfolio 4.0 and above. SolutionDownload Node 12.22.12 LTS. this file to a location on the server Stop Portfolio in the Portfolio AdminNavigate to C:\Program Files (x86)\Extensis\Portfolio Server\applications\netpublishCopy, or rename the existing node.exe fileDrag the new node.exe from the unzipped Node 12 directory and drop it into this directory.Start Portfolio and check to make sure Netpublish functions properlyIf you have any additional questions or need more assistance, please submit a support request for further assistance.Comments
(function() { function Init() { var fileSelect = document.getElementById('file-upload'), fileDrag = document.getElementById('file-drag'), submitButton = document.getElementById('submit-button'); fileSelect.addEventListener('change', fileSelectHandler, false); // Is XHR2 available? var xhr = new XMLHttpRequest(); if (xhr.upload) { // File Drop fileDrag.addEventListener('dragover', fileDragHover, false); fileDrag.addEventListener('dragleave', fileDragHover, false); fileDrag.addEventListener('drop', fileSelectHandler, false); } } function fileDragHover(e) { var fileDrag = document.getElementById('file-drag'); e.stopPropagation(); e.preventDefault(); fileDrag.className = (e.type === 'dragover' ? 'hover' : 'modal-body file-upload'); } function fileSelectHandler(e) { // Fetch FileList object var files = e.target.files || e.dataTransfer.files; // Cancel event and hover styling fileDragHover(e); // Process all File objects for (var i = 0, f; f = files[i]; i++) { parseFile(f); uploadFile(f); } } function output(msg) { var m = document.getElementById('messages'); m.innerHTML = msg; } function parseFile(file) { output( '' + 'Name: ' + encodeURI(file.name) + '' + 'Type: ' + file.type + '' + 'Size: ' + (file.size / (1024 * 1024)).toFixed(2) + ' MB' + '' ); } function setProgressMaxValue(e) { var pBar = document.getElementById('file-progress'); if (e.lengthComputable) { pBar.max = e.total; } } function updateFileProgress(e) { var pBar = document.getElementById('file-progress'); if (e.lengthComputable) { pBar.value = e.loaded; } } function uploadFile(file) { var xhr = new XMLHttpRequest(), fileInput = document.getElementById('class-roster-file'), pBar = document.getElementById('file-progress'), fileSizeLimit = 1024; // In MB if (xhr.upload) { // Check if file is less than x MB if (file.size fileSizeLimit * 1024 * 1024) { // Progress bar pBar.style.display = 'inline'; xhr.upload.addEventListener('loadstart', setProgressMaxValue, false); xhr.upload.addEventListener('progress', updateFileProgress, false); // File received / failed xhr.onreadystatechange = function(e) { if (xhr.readyState == 4) { // Everything is good!
2025-04-19DescriptionUsers Migrating Portfolio to a new Server using Intel's 10th generation processors, codenamed: "Ice Lake" report an issue with the process: "node.js" failing to run. This results in a condition where NetPublish sites are listed in the Administration tool, but cannot connect or display properly. Additionally, users are unable to create new NetPublish sites.Server instances running with successors to Ice Lake ( i.e. Sapphire Rapids, Emerald Rapids etc. ) may also experience the same issues.Affected versionsThis issues applies to Portfolio 4.0 and above. SolutionDownload Node 12.22.12 LTS. this file to a location on the server Stop Portfolio in the Portfolio AdminNavigate to C:\Program Files (x86)\Extensis\Portfolio Server\applications\netpublishCopy, or rename the existing node.exe fileDrag the new node.exe from the unzipped Node 12 directory and drop it into this directory.Start Portfolio and check to make sure Netpublish functions properlyIf you have any additional questions or need more assistance, please submit a support request for further assistance.
2025-04-03Home » Free Icons » Toolbar Icons » 16x16 Free Toolbar Icons » Search Icon Icon set: 16x16 Free Toolbar IconsAuthor: Aha-SoftLicense:CC Attribution 3.0 United States Readme file Commercial usage: AllowedPosted: January 09, 2011Download Icon Download as ICO fileDrag & drop around to check icon qualityPNG file16x16 pxRelated to Search Icon Search Icon Maximal Square Icons Commercial usage: Not allowed Search Icon Facebook New Icons Commercial usage: Not allowed Search Folder Icon Numix Folders Icons Commercial usage: Allowed Search Icon Buttonized Icons Commercial usage: Not allowed Search Icon 16x16 Free Application Icons Commercial usage: Allowed Searches Icon Christmas Icons Commercial usage: Not allowed Search Icon World Of Goo Icons Commercial usage: Not allowed Search Icon Flat Icons Commercial usage: Not allowed Search Icon Grey Bitcons Icons Commercial usage: Allowed Search Icon Mac OS Folder Icons Commercial usage: Not allowed Search Icon Professional Toolbar Icons Commercial usage: Not allowed Search Icon Childish Icons Commercial usage: Allowed Search Icon Fluo Blog Icons Commercial usage: Allowed Search Icon Dark Blog Icons Commercial usage: Allowed More Icons from 16x16 Free Toolbar Icons Plus Icon Download Windows icon Download PNG files Pictures Icon Download Windows icon Download PNG files Ok Icon Download Windows icon Download PNG files Arrow Left Down Icon Download Windows icon Download PNG files Clock 2 Icon Download Windows icon Download PNG files Rotate CCW Icon Download Windows icon Download PNG files Smile 2 Icon Download Windows icon Download PNG files Pda Icon Download Windows icon Download PNG files Undo Icon Download
2025-04-16Font. You can download the font from various font websites, such as FontSpace or DaFont. Make sure to download the font in the TrueType or OpenType format, as these formats are compatible with Windows.Downloading from FontSpaceTo download Sf Pro font from FontSpace, follow these steps: (See Also: How to Change Fonts on Samsung? Easy Guide)Visit FontSpace and search for Sf Pro fontClick on the font name to view the font detailsClick on the “Download” button to download the fontChoose the TrueType or OpenType formatSave the font file to your computerDownloading from DaFontTo download Sf Pro font from DaFont, follow these steps:Visit DaFont and search for Sf Pro fontClick on the font name to view the font detailsClick on the “Download” button to download the fontChoose the TrueType or OpenType formatSave the font file to your computerInstalling Sf Pro Font on WindowsOnce you have downloaded the Sf Pro font, you can install it on your Windows system. Follow these steps to install the font:Extract the font file from the downloaded zip fileOpen the Font folder in the extracted fileDrag and drop the Sf Pro font file into the Fonts folderAlternatively, you can right-click on the font file and select “Install” to install the fontRestart your computer to ensure that the font is installed correctlyActivating Sf Pro Font on WindowsAfter installing the Sf Pro font, you need to activate it to use it in your digital projects. To activate the font, follow these steps:Open the Start menu and search for “Font” or
2025-03-29MCP ManagerEnglish | 中文 | 日本語IntroductionMCP Manager is a visual client tool for managing MCP (Model Context Protocol). With this tool, you can easily manage and operate your MCP environment without executing complex command-line operations manually.Key Features🚀 One-click environment installation📦 Visual MCP installation and uninstallation🎮 Convenient MCP start and stop management💻 Intuitive graphical interface🛠 Integrated environment configurationHighlightsUser-friendly interface designAutomated environment configurationVisualized operation processComplete MCP lifecycle managementUsageVisit the Releases pageDownload the latest versionRun the downloaded package to start usingSystem RequirementsCurrently supported: macOSComing soon: Windows (under development, expected release soon)Installation GuidemacOS Installation StepsDownload and open the MCP Manager.DMG fileDrag MCP Manager.app to the Applications folderIf you cannot open the application, double-click the "fix_permissions.command" file in the DMG to execute the fixNote: If the "fix_permissions.command" file cannot be executed, you can also manually open the terminal and enter the following command:xattr -d com.apple.quarantine /Applications/MCP\ Manager.appLicenseThis project uses a modified GPL-3.0 license. In addition to following GPL-3.0, the following restrictions apply:🚫 Commercial Use ProhibitedThe software may not be used for commercial purposesThe software or its derivatives may not be soldThe software may not be integrated into commercial products✅ Permitted UsesPersonal learning and researchNon-commercial educational useNon-commercial sharing and improvement in the open source community📝 Additional RequirementsAny derivative works based on this project must also prohibit commercial useOriginal copyright information and license statements must be retainedAny modifications to this software must be open source
2025-04-17How to Convert AAC to MP3 Online?Step 1: Upload AAC FileDrag and drop the AAC files that you want to convert.Step 2: Convert AAC to MP3Click Try Now to convert your AAC file(s).Step 3: Download MP3 FileClick the DOWNLOAD button to save your converted MP3 file(s).AAC File InformationAAC (Advanced Audio Coding) is a popular file format used for storing and transmitting audio data. It was developed as the successor to MP3, offering better sound quality and smaller file sizes. AAC files are commonly used for streaming music online, as well as for storing audio files on mobile devices.One of the key advantages of AAC is its ability to deliver high-quality audio at lower bitrates, making it ideal for streaming services and digital music downloads. This means that AAC files take up less storage space on your device without compromising on sound quality.AAC files can support up to 48 channels of audio and offer a wide range of sampling frequencies, making them versatile for a variety of audio applications. They are compatible with most media players and devices, including smartphones, tablets, and computers.Overall, AAC is a versatile and efficient audio file format that provides high-quality sound in a compact file size.MP3 File InformationMP3 is a popular audio file format that revolutionized the way we listen to music. Developed by the Moving Picture Experts Group, MP3 stands for MPEG-1 Audio Layer 3. It is a compressed audio format that allows for high-quality sound with relatively small file sizes.One of the key advantages of MP3 files is their portability and ease of sharing. They can be easily transferred between devices and uploaded to the internet for streaming or downloading. MP3 files also allow for customizable metadata, making it easy to organize and search for specific songs or albums.Despite its widespread use, MP3 files
2025-03-30