CN111400626A - Rapid self-adaptive output system and method for webpage pictures - Google Patents
Rapid self-adaptive output system and method for webpage pictures Download PDFInfo
- Publication number
- CN111400626A CN111400626A CN202010157693.0A CN202010157693A CN111400626A CN 111400626 A CN111400626 A CN 111400626A CN 202010157693 A CN202010157693 A CN 202010157693A CN 111400626 A CN111400626 A CN 111400626A
- Authority
- CN
- China
- Prior art keywords
- picture
- server
- file
- user side
- webpage
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 16
- 238000005520 cutting process Methods 0.000 claims abstract description 20
- 230000000977 initiatory effect Effects 0.000 claims abstract description 3
- 230000006835 compression Effects 0.000 claims description 3
- 238000007906 compression Methods 0.000 claims description 3
- 230000004044 response Effects 0.000 claims description 3
- 230000003044 adaptive effect Effects 0.000 description 3
- 238000010586 diagram Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
- G06F16/9566—URL specific, e.g. using aliases, detecting broken or misspelled links
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention discloses a quick self-adaptive output system and a quick self-adaptive output method for a webpage picture, wherein the system comprises a user side and a picture server, the user side is an intelligent terminal and is used for acquiring a picture UR L and initiating a picture downloading request to the picture server, the picture server is used for verifying a picture UR L parameter and executing corresponding operation, the picture server comprises a picture cutting module, when the picture server judges that a source picture file needs to be cut according to the picture UR L parameter, the picture file is cut by the picture cutting module, and the picture server returns the cut picture file to the user side.
Description
Technical Field
The invention relates to the technical field of picture processing, in particular to a system and a method for quickly and adaptively outputting a webpage picture.
Background
As shown in fig. 1, the conventional picture resource system introduces that a user accesses a picture server UR L (uniform resource L adapter, which is a common web page link, the same below), indexes a picture address according to a picture name, reads a disk file and returns the disk file directly if a disk has a related file, or returns a prompt that no file exists.
The existing picture access mode needs to define the specification and size of picture access of a user side in detail and pre-make pictures, a large amount of work is needed in operation design, meanwhile, in order to meet the requirements of various sizes and specifications, a part of workload can be reduced by a pre-cutting mode, but once a website is modified, repeated code development and design work can be caused by the change of the picture specification, and the work efficiency and the website iteration speed are influenced.
Disclosure of Invention
The invention provides a system and a method for quickly and adaptively outputting a webpage picture. The technical scheme of the invention is as follows:
a quick self-adaptive output system for webpage pictures comprises a user side and a picture server, wherein the user side is an intelligent terminal and is used for obtaining a picture UR L and sending a picture downloading request to the picture server, the picture server is used for verifying parameters of the picture UR L and executing corresponding operations, the picture server comprises a picture cutting module, when the picture server judges that a source picture file needs to be cut according to the parameters of the picture UR L, the picture server cuts the source picture file by the picture cutting module, and the picture server returns the cut picture file to the user side.
As a further description of the present invention, the image server further includes a cache module, and the image file clipped by the image clipping module is updated and stored in the cache module.
In another aspect of the present invention, a method for fast and adaptively outputting a web page picture using the above system is provided, which includes the following steps:
(1) a user accesses an APP/H5 webpage through a user side, acquires a picture UR L from an APP client side/H5 webpage, and initiates a picture downloading request to a picture server according to the picture UR L;
(2) the picture server judges to execute a general flow or execute a cutting flow according to the parameters of the picture UR L, and when the general flow is executed, the picture server directly reads a source file from a disk and returns the source file to a user side;
(3) the picture cutting module starts cutting service, reads a source file, loads the source file in an internal memory, performs cutting compression according to the parameters of the picture UR L, and returns result data to a request response packet corresponding to a user.
As a further illustration of the present invention, the picture server determines whether the UR L includes picture specification parameter information as a criterion for the picture UR L.
Furthermore, if the UR L includes specification parameter information, the specification parameter information parameters are analyzed before the step (3), and the file whose current system cache directory already includes the file name of the relevant parameter is found according to the parameter information, if the file exists, the system directly reads the source file from the disc and returns to the user side, and if the system cache directory does not include the relevant file, the source file is cut in the flow step (3).
Further, the image data after being clipped and compressed in the step (3) is saved in a local tmp folder of the image server, and is named as a file name of a relevant specification parameter according to a rule negotiated with a front end, and the image server is notified to update the cache module.
The invention has the beneficial effects that:
the invention adopts dynamic picture generation technology, the picture size and specification are uniformly delivered to a special server to be generated according to the requirement, and an intermediate cache service is set. Therefore, the design work of the website is greatly simplified (only one high-definition source image needs to be uploaded), the image output is completely stripped on the service level, and the fast iteration efficiency of product updating is improved.
Drawings
FIG. 1 is a schematic diagram of a network reading process of a conventional image resource according to the present invention;
FIG. 2 is a frame diagram of a system for fast adaptive output of web page pictures according to the present invention;
FIG. 3 is a flowchart of a fast adaptive webpage image output method according to the present invention.
Detailed Description
The embodiments of the present invention will be described in detail with reference to the accompanying drawings, and it is to be understood that the described embodiments are merely a part of the embodiments of the invention, and not all of the embodiments.
In the description of the present invention, it is to be understood that the terms "upper", "lower", "front", "rear", "left", "right", "top", "bottom", "inner", "outer", "first", "second", etc. indicate orientations or positional or sequential relationships based on those shown in the drawings, and are only for convenience in describing and simplifying the present invention, but do not indicate or imply that the referred device or element must have a specific orientation, be constructed and operated in a specific orientation, and thus, should not be construed as limiting the present invention.
As shown in the attached drawing, the rapid self-adaptive webpage picture output system comprises a user side and a picture server, wherein the user side is an intelligent terminal and is used for acquiring a picture UR L and initiating a picture downloading request to the picture server, the picture server is used for verifying the picture UR L parameter and executing corresponding operation, the picture server comprises a picture clipping module, when the picture server judges that a source picture file needs to be clipped according to the picture UR L parameter, the picture server is clipped by the picture clipping module, and the picture server returns the clipped picture file to the user side.
In a preferred system of the present invention, the image server further includes a cache module, and the image file clipped by the image clipping module is included in the cache module.
The whole process of the system comprises (1) a user side applies for a picture UR L and accesses a picture server, (2) the picture server returns a source picture file to the user side according to the picture UR L or returns a cut picture file after executing a cutting process, and (3) a picture cutting module cuts and reduces pictures according to picture specifications and stores the pictures in a cache module, and the picture server reads the cut picture file and returns the picture file to the user side.
The following describes the fast adaptive output method of web page pictures with reference to fig. 3, which specifically includes the following steps:
(1) the user accesses the APP/H5 webpage by using the user side, acquires the picture UR L from the APP client side/H5 webpage, and initiates a picture downloading request to the picture server according to the UR L address.
(2) The picture server judges whether UR L contains picture specification parameter information, if no parameter is contained, the file is defaulted to be a request picture source file, the system directly reads the source file from the disk and returns to the user side, if UR L contains the specification parameter information, the specification parameter information parameter is firstly analyzed, the file of which the current system cache directory already contains related parameter file names is searched according to the parameter information, if the file exists, the system directly reads the source file from the disk and returns to the user side, and if the system cache directory does not contain the related file, the source file is required to be cut (3).
(3) The picture cutting module starts cutting service, reads a source file and loads the source file in an internal memory, the cutting service cuts and compresses according to the specification parameters in UR L and returns the result data to a request response packet corresponding to a user, the cut and compressed picture data is stored in a local tmp folder, the picture data is named as the file name of the relevant specification parameters according to the rule negotiated with the front end, and a picture server is informed to update the cache module.
The webpage picture fast self-adaptive output system and the webpage picture fast self-adaptive output method adopt a dynamic picture generation technology, the picture size and the specification are uniformly delivered to a special server to be generated as required, an intermediate cache service is set, a user does not need to cut again when accessing a target picture for the second time, and the pressure of the server is reduced.
The pictures required by the user side only need one high-definition original picture, the other specifications only need to enable the system to perform cutting compression on the basis of the original pictures, and a designer only needs to design one picture, so that the website design work is greatly simplified.
The image output is directly placed on a user access layer, the new image output can be realized by flexibly setting parameters according to needs, the background intervention is not required to be reserved, the service stripping is realized, and the product iteration efficiency is greatly improved.
The foregoing is illustrative of the preferred embodiments of the present invention only and is not to be construed as limiting the claims. The invention is not limited to the above embodiments, the specific construction of which allows variations, and in any case variations, which are within the scope of the invention as defined in the independent claims.
Claims (6)
1. A quick self-adaptive webpage picture output system is characterized by comprising a user side and a picture server, wherein the user side is an intelligent terminal and is used for obtaining a picture UR L and initiating a picture downloading request to the picture server, the picture server is used for verifying the picture UR L parameter and executing corresponding operation, the picture server comprises a picture clipping module, when the picture server judges that a source picture file needs to be clipped according to the picture UR L parameter, the picture server is clipped by the picture clipping module, and the picture server returns the clipped picture file to the user side.
2. The system for rapidly and adaptively outputting web page pictures according to claim 1, wherein: the picture server also comprises a cache module, and the picture file cut by the picture cutting module is updated and stored in the cache module.
3. A method for fast and adaptively outputting a web page picture by using the system of claim 2, wherein: the method comprises the following steps:
(1) a user accesses an APP/H5 webpage through a user side, acquires a picture UR L from an APP client side/H5 webpage, and initiates a picture downloading request to a picture server according to the picture UR L;
(2) the picture server judges to execute a general flow or execute a cutting flow according to the parameters of the picture UR L, and when the general flow is executed, the picture server directly reads a source file from a disk and returns the source file to a user side;
(3) the picture cutting module starts cutting service, reads a source file, loads the source file in an internal memory, performs cutting compression according to the parameters of the picture UR L, and returns result data to a request response packet corresponding to a user.
4. The method as claimed in claim 3, wherein the picture server determines whether the UR L contains picture specification parameter information as the standard for the picture UR L.
5. The method for outputting webpage pictures in a fast and self-adaptive manner as claimed in claim 4, wherein if the UR L contains specification parameter information, the specification parameter information parameters are analyzed before the step (3), and files of which the current system cache directory already contains related parameter file names are searched according to the parameter information, if the files exist, the system directly reads the source files from the disk and returns the source files to the user side, and if the system cache directory does not contain related files, the source files are cut in the step (3).
6. The method for fast and adaptively outputting the web page picture according to claim 3, wherein: and (4) storing the image data cut and compressed in the step (3) into a local tmp folder of the image server, naming the image data as a file name of a relevant specification parameter according to a rule negotiated with the front end, and informing the image server to update a cache module.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010157693.0A CN111400626A (en) | 2020-03-09 | 2020-03-09 | Rapid self-adaptive output system and method for webpage pictures |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010157693.0A CN111400626A (en) | 2020-03-09 | 2020-03-09 | Rapid self-adaptive output system and method for webpage pictures |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111400626A true CN111400626A (en) | 2020-07-10 |
Family
ID=71428678
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010157693.0A Pending CN111400626A (en) | 2020-03-09 | 2020-03-09 | Rapid self-adaptive output system and method for webpage pictures |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111400626A (en) |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103279574A (en) * | 2013-06-20 | 2013-09-04 | 北京小米科技有限责任公司 | Method, device and terminal device for loading explorer pictures |
| CN103617165A (en) * | 2013-10-22 | 2014-03-05 | 小米科技有限责任公司 | Picture loading method, device and terminal |
| CN104239435A (en) * | 2014-08-29 | 2014-12-24 | 四川长虹电器股份有限公司 | Distributed picture caching method based on picture thumbnail processing |
| CN105718558A (en) * | 2016-01-20 | 2016-06-29 | 深圳市万普拉斯科技有限公司 | Display method and device of images in pages |
| JP2018183418A (en) * | 2017-04-26 | 2018-11-22 | 株式会社アスカネット | Deceased person's photo data distribution system |
| WO2019128357A1 (en) * | 2017-12-29 | 2019-07-04 | 北京京东尚科信息技术有限公司 | Picture requesting method, method for responding to picture request, and client |
-
2020
- 2020-03-09 CN CN202010157693.0A patent/CN111400626A/en active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103279574A (en) * | 2013-06-20 | 2013-09-04 | 北京小米科技有限责任公司 | Method, device and terminal device for loading explorer pictures |
| CN103617165A (en) * | 2013-10-22 | 2014-03-05 | 小米科技有限责任公司 | Picture loading method, device and terminal |
| CN104239435A (en) * | 2014-08-29 | 2014-12-24 | 四川长虹电器股份有限公司 | Distributed picture caching method based on picture thumbnail processing |
| CN105718558A (en) * | 2016-01-20 | 2016-06-29 | 深圳市万普拉斯科技有限公司 | Display method and device of images in pages |
| JP2018183418A (en) * | 2017-04-26 | 2018-11-22 | 株式会社アスカネット | Deceased person's photo data distribution system |
| WO2019128357A1 (en) * | 2017-12-29 | 2019-07-04 | 北京京东尚科信息技术有限公司 | Picture requesting method, method for responding to picture request, and client |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10212563B2 (en) | Updating web resources | |
| US10282191B2 (en) | Updating web resources | |
| US8117315B2 (en) | Apparatus, system, and method for archiving small objects to improve the loading time of a web page | |
| CN109710185B (en) | Data processing method and device | |
| US8793564B2 (en) | Embedded system with web-based user interface, firmware structure thereof and method for providing information thereof | |
| CN111756674B (en) | Network communication method, system, device and computer readable storage medium | |
| US7937478B2 (en) | Apparatus, system, and method for cooperation between a browser and a server to package small objects in one or more archives | |
| CN113672224A (en) | Method and device for generating small program page code and computer equipment | |
| CN112559463B (en) | Compressed file processing method and device | |
| US8108441B2 (en) | Efficient creation, storage, and provision of web-viewable documents | |
| CN107577506B (en) | Data preloading method and system | |
| CN112100134A (en) | Method and device for exporting large file, storage medium and computer equipment | |
| CN113656357A (en) | File management method, device, system and storage medium | |
| CN105550179A (en) | Webpage collection method and browser plug-in | |
| CN110688201B (en) | Log management method and related equipment | |
| CN111400626A (en) | Rapid self-adaptive output system and method for webpage pictures | |
| CN107908634B (en) | Cache control method of browser and mobile terminal | |
| CN115167791A (en) | Business data printing method and device, electronic equipment and readable storage medium | |
| WO2007139757A2 (en) | Methods and apparatus for conversion of content | |
| CN112783548B (en) | Access method and device of network system | |
| CN111355766B (en) | Rendering method for PDF file to be loaded on network according to need | |
| CN112685102A (en) | Gateway plug-in hot loading method, device, equipment and medium | |
| CN115150385A (en) | Data processing method, device, system, terminal and server | |
| CN112650723B (en) | File sharing method, device, equipment and computer readable storage medium | |
| US20240214340A1 (en) | Methods, apparatuses, systems and storage media for processing a link in a conversation |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |