Translated from 日本語 • View original [caption id="attachment_270" align="aligncenter"]
Image File Manageable Tools[/caption]
We received a request from a client of an e-commerce site that "before registering product images on the e-commerce site, we would like to rename the captured image files in bulk according to the rules of the workflow", so we developed a file management tool with an image uploader. The naming rules for product images used on e-commerce sites are slightly different for each e-commerce, so in the end it ended up being a client-only tool... Still, core processing such as file uploader and renaming processing can be expected to be diverted and expanded if generalized, so we developed it as a general-purpose tool as much as possible.
The tool introduced in "DEVLAβ" is a demo version of the generic version (functions such as uploading files and changing file names are not available in the demo version, so it will be an error).
The core function is the drag-and-drop file uploader "Plupload" adopted in WordPress 3.3 " to add logic for the file management part other than the uploader.
The implementation functions include the following features:
- Browsers that support HTML5 allow you to upload image files by dragging and dropping (Plupload feature).
- Chunk feature that allows you to upload large files in installs (Plupload feature).
- You can also resize at the same time when uploading (Plupload feature).
- Log output of file upload processing (extended functionality of Plupload).
- You can rename files individually or in bulk while checking the uploaded images.
- It is possible to infer the product number from the file name and automatically set it as the default value assuming a renaming pattern.
- You can select and group any images, and you can extract and export the grouped image files to a separate folder.
The method of providing to the client was to install and package a set of "XAMPP + this tool" and deliver it.
Since there was no request from the client for the extension part ("resize", etc.), we have not expanded the tool since then, but we would like to evolve it into something like a WordPress plugin as a general-purpose file manager someday.
As an aside, in e-commerce, the work on the warehouse side, such as measuring products, taking pictures, and writing introductory manuscripts, is called "sage" after the acronym of "measurement, photography, and manuscript". This tool was used at the very end of the process to register the product in the e-commerce system. Therefore, it was called a "sacrifice tool" within the company.
Usage code: HTML5, Plupload (JS library), JavaScript, jQuery, PHP