CN111199141A

CN111199141A - Picture processing method and device and electronic equipment

Info

Publication number: CN111199141A
Application number: CN201811290031.XA
Authority: CN
Inventors: 张胜利; 余传红
Original assignee: Alibaba Group Holding Ltd
Current assignee: Alibaba Group Holding Ltd
Priority date: 2018-10-31
Filing date: 2018-10-31
Publication date: 2020-05-26
Anticipated expiration: 2038-10-31
Also published as: CN111199141B

Abstract

The embodiment of the invention provides a picture processing method, a picture processing device and electronic equipment, wherein the method comprises the following steps: loading a picture to a browser, calling a first container object of the browser, and converting the picture into content data of the first container object; converting the data type of the first container object into a data type that can be recognized by the PDF handler; and calling a PDF processing program to convert the content data of the first container object into a PDF file. The embodiment of the invention utilizes the characteristics of the container object in the browser to convert the picture into the intermediate type data which can be identified by the PDF program, and further calls the PDF program to carry out the final file conversion to form the PDF file.

Description

Picture processing method and device and electronic equipment

Technical Field

The application relates to a picture processing method and device and electronic equipment, and belongs to the technical field of computers.

Background

PDF files are a file format frequently used in work, and scenes in which paper files need to be converted into PDF are often encountered. In a traditional processing mode, a scanning device is used for scanning files or pictures, the files or the pictures are stored in a computer, and then mails are sent or submitted to a working system according to needs.

In order to enable a user to conveniently convert a paper file into a PDF file, some mobile terminal APPs have been developed in the prior art, and a camera of a mobile terminal is used to photograph the paper file, and then the paper file is uploaded to a network server to perform PDF conversion, and then the paper file is sent to the mobile terminal.

The technical scheme in the prior art has the following disadvantages: downloading and installing the APP alone can be cumbersome for most users. In addition, files need to be uploaded to a server, and potential safety hazards exist for sensitive information or confidential information.

Disclosure of Invention

The embodiment of the invention provides a picture processing method, a picture processing device and electronic equipment, so that a picture can be conveniently converted into a PDF (Portable document Format) file.

In order to achieve the above object, an embodiment of the present invention provides an image processing method, including:

loading a picture to a browser, calling a first container object of the browser, and converting the picture into content data of the first container object, wherein the first container object is a container object for storing a binary file;

converting the data type of the first container object into a data type that can be recognized by the PDF handler;

and calling a PDF processing program to convert the content data of the first container object into a PDF file.

An embodiment of the present invention further provides an image processing apparatus, including:

an object generation module for

the data type conversion module is used for converting the data type of the first container object into a data type which can be identified by the PDF processing program;

and the PDF file generating module is used for calling a PDF processing program to convert the content data of the first container object into a PDF file.

An embodiment of the present invention further provides an electronic device, including:

a memory for storing a program;

a processor, coupled to the memory, for executing the program for:

According to the picture processing method, the picture processing device and the electronic equipment, the characteristics of the container object in the browser are utilized, the picture is converted into the intermediate type data which can be identified by the PDF program, the PDF program is further called to carry out final file conversion, the PDF file is formed, the whole processing process can be completed locally at the mobile terminal, and a network server does not need to be uploaded, so that the safety of file contents is ensured, and the processing process is very convenient and fast.

The foregoing description is only an overview of the technical solutions of the present invention, and the embodiments of the present invention are described below in order to make the technical means of the present invention more clearly understood and to make the above and other objects, features, and advantages of the present invention more clearly understandable.

Drawings

FIG. 1 is a schematic diagram of an application scenario according to an embodiment of the present invention;

FIG. 2 is a flowchart illustrating a method for processing a picture according to an embodiment of the present invention;

FIG. 3 is a schematic structural diagram of a picture processing apparatus according to an embodiment of the present invention;

fig. 4 is a schematic structural diagram of an electronic device according to an embodiment of the present invention.

Detailed Description

Exemplary embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While exemplary embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure may be embodied in various forms and should not be limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the disclosure to those skilled in the art.

The technical solution of the present invention is further illustrated by some specific examples.

The embodiment of the invention provides a technical scheme for converting the picture files into the PDF in a more convenient and fast mode, and the technical scheme can be realized locally in portable terminals such as mobile terminals and the like without depending on the processing of a server at a network side.

As shown in fig. 1, which is a schematic view of an application scenario according to an embodiment of the present invention, an embodiment of the present invention utilizes a property of a Blob object in an H5(HTML5, hypertext markup language 5) browser, converts a picture into a file type that can be recognized and opened by a PDF program, and then calls a PDF handler to finally save the picture as a PDF file. The whole process can be realized in an H5 browser local to the mobile terminal without the participation of a server. The PDF handler may be an application from a third party, a plug-in, or a program script library (e.g., a jsPDF library), etc.

The above-mentioned picture class file can be from a photo taken by a camera of the mobile terminal, for example, a paper file to be converted into PDF is taken by using a camera function of the mobile terminal, or a picture can be selected and loaded into the H5 browser by a file browser of the mobile terminal. In the process of loading pictures, the H5 browser generates a Blob object according to the pictures, and the loaded pictures are converted into binary content data in the Blob object. The Blob object can set the data type of the content data, so that the data type capable of being opened and saved by the PDF application is formed.

In addition, based on the canvas object of the H5 browser, before the PDF file is finally generated, the picture (content data in the Blob object) may be edited, so as to meet the editing requirements of the user.

The technical scheme provided by the embodiment of the invention can be embodied as a program script which is arranged in an H5 browser (in the form of plug-in or separate page), and then various functions of the H5 browser are called by calling interface functions provided by the H5 browser.

The specific interface may be implemented as a web page that is accessed in the form of a web page link. As shown in fig. 1, an interface for loading pictures may be provided on a web page, and after the pictures are loaded, a "generate PDF" button is provided at the bottom, and when a user clicks, the process of generating PDF may be executed.

Example one

As shown in fig. 2, which is a schematic flow chart of a picture processing method according to an embodiment of the present invention, the method includes:

s101: the method comprises the steps of loading a picture to a browser, calling a first container object of the browser, and converting the picture into content data of the first container object, wherein the first container object is specifically a container object for storing a binary file. In the embodiment of the present invention, the conversion of the content data may be implemented by using the characteristics of some objects in the H5 browser, and specifically, the first container object may be a Blob object. Accordingly, the above-mentioned picture may be specifically converted into content data of a Blob object. The Blob object is a class file object containing read-only original data and can be regarded as a container for storing binary data, after the H5 browser acquires the content data of the Blob object converted from the picture, the picture is packaged in the Blob object in the form of the binary data and serves as the content data of the Blob object, and the Blob object can provide a function of performing some types of setting on the content data. Wherein loading the picture into the browser may comprise: and calling a photographing application of the mobile terminal through the H5 browser to take a picture and/or calling a file browsing application of the mobile terminal to acquire a local picture.

S102: the data type of the first container object is converted into a data type that can be recognized by the PDF handler. Specifically, in the H5 browser environment, the content type of the Blob object may be set to a MIME type (Multipurpose Internet Mail Extensions) that can be recognized by the PDF handler. The MIME type is well defined by the H5 protocol, wherein the MIME type of the application/PDF can be identified by various processing programs such as PDF applications or plug-ins.

S103: and calling a PDF processing program to convert the content data of the first container object into a PDF file. Specifically, the PDF handler may be called to open the content data of the Blob object and save as a PDF file. The PDF handler may be a function provided by a jsPDF library for saving PDF files, and the jsPDF library may be pre-loaded in the H5 browser. In addition, another PDF application installed in the mobile terminal or a plug-in of another application loaded on the H5 browser may be called, and the content data of the Blob object may be opened and saved as a PDF file.

In addition, the embodiment of the present invention may also provide some picture editing functions to the user, and accordingly, the method may further include: and responding to the editing operation instruction, calling a content editing object of a browser to edit the content data in the first container object. In the H5 browser environment, the Canvas object has an editing function for content data, and after generating the Blob object, the Canvas object in the H5 browser may be called to edit the content data in the Blob object. The canvas object provides some basic image editing processing functions such as resizing or color, etc.

The picture processing method of the embodiment of the invention utilizes the characteristics of the Blob object in the H5 browser to convert the picture into the intermediate type data which can be identified by the PDF program, and further calls the PDF program to perform the final file conversion to form the PDF file.

Example two

As shown in fig. 3, which is a schematic structural diagram of a picture processing apparatus according to an embodiment of the present invention, the apparatus may be disposed in an H5 browser of a mobile terminal, or may be disposed outside an H5 browser, and call an internal program module of the H5 browser from the outside. The device includes:

the object generating module 11 is configured to load the picture into the browser, call a first container object of the browser, and convert the picture into content data of the first container object, where the first container object is a container object storing a binary file. In the H5 browser environment, the first container object may be a Blob object. Further, loading the picture into the browser may include: and calling a photographing application of the mobile terminal through the H5 browser to take a picture and/or calling a file browsing application of the mobile terminal to acquire a local picture.

A data type conversion module 12, configured to convert the data type of the first container object into a data type that can be recognized by the PDF processing program. Specifically, in the H5 browser environment, the processing may specifically be: the content type of the Blob object is set to a MIME type that can be recognized by the PDF handler. The MIME type of the application/PDF can be set, and the MIME type can be recognized by various processing programs such as PDF applications or plug-ins.

A PDF file generating module 13, configured to invoke a PDF processing program to convert the content data of the first container object into a PDF file. In the context of an H5 browser, the above processing may specifically be: and calling a PDF processing program to open the content data of the Blob object and saving the Blob object as a PDF file. The PDF handler may be a function provided by a jsPDF library for saving PDF files, and the jsPDF library may be pre-loaded in the H5 browser. In addition, another PDF application installed in the mobile terminal or a plug-in of another application loaded on the H5 browser may be called, and the content data of the Blob object may be opened and saved as a PDF file.

In addition, some picture editing functions may be provided to the user, and accordingly, the apparatus may further include:

and the editing processing module 14 is configured to, in response to the editing operation instruction, invoke a content editing object of the browser to perform editing processing on the content data in the first container object. In the context of an H5 browser, the above processing may specifically be: and in response to the editing operation instruction, calling a Canvas object to edit the content data in the Blob object.

The detailed description of the above processing procedure, the detailed description of the technical principle, and the detailed analysis of the technical effect are described in the foregoing embodiments, and are not repeated herein.

The picture processing device of the embodiment of the invention utilizes the characteristics of the Blob object in the H5 browser to convert the picture into the intermediate type data which can be identified by the PDF program, and further calls the PDF program to perform the final file conversion to form the PDF file.

EXAMPLE III

The foregoing embodiment describes a flow process and a device structure according to an embodiment of the present invention, and the functions of the method and the device can be implemented by an electronic device, as shown in fig. 4, which is a schematic structural diagram of the electronic device according to an embodiment of the present invention, and specifically includes: a memory 110 and a processor 120.

And a memory 110 for storing a program.

In addition to the programs described above, the memory 110 may also be configured to store other various data to support operations on the electronic device. Examples of such data include instructions for any application or method operating on the electronic device, contact data, phonebook data, messages, pictures, videos, and so forth.

The memory 110 may be implemented by any type or combination of volatile or non-volatile memory devices, such as Static Random Access Memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic or optical disks.

A processor 120, coupled to the memory 110, for executing the program in the memory 110, for performing the following:

loading the picture to a browser, calling a first container object of the browser, and converting the picture into content data of the first container object, wherein the first container object is a container object for storing a binary file;

Wherein, the above-mentioned processing may further include:

and responding to the editing operation instruction, calling a content editing object of a browser to edit the content data in the first container object.

Wherein the first container object may be a Blob object.

Wherein, the content editing object may be a Canvas object.

Wherein converting the data type of the first container object into the data type recognizable by the PDF processing program may include:

the data type of the Blob object is converted to a data type that can be recognized by the PDF handler by setting the MIME type in the Blob object to application/PDF type.

Wherein loading the picture into the browser may comprise:

and calling a photographing application of the mobile terminal through the H5 browser to take a picture and/or calling a file browsing application of the mobile terminal to acquire a local picture.

Further, as shown, the electronic device may further include: communication components 130, power components 140, audio components 150, display 160, and other components. Only some of the components are schematically shown in the figure and it is not meant that the electronic device comprises only the components shown in the figure.

The communication component 130 is configured to facilitate wired or wireless communication between the electronic device and other devices. The electronic device may access a wireless network based on a communication standard, such as WiFi, 2G or 3G, or a combination thereof. In an exemplary embodiment, the communication component 130 receives a broadcast signal or broadcast related information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communication component 130 further includes a Near Field Communication (NFC) module to facilitate short-range communications. For example, the NFC module may be implemented based on Radio Frequency Identification (RFID) technology, infrared data association (IrDA) technology, Ultra Wideband (UWB) technology, Bluetooth (BT) technology, and other technologies.

The power supply component 140 provides power to the various components of the electronic device. The power components 140 may include a power management system, one or more power sources, and other components associated with generating, managing, and distributing power for an electronic device.

The audio component 150 is configured to output and/or input audio signals. For example, the audio component 150 includes a Microphone (MIC) configured to receive external audio signals when the electronic device is in an operational mode, such as a call mode, a recording mode, and a voice recognition mode. The received audio signal may further be stored in the memory 110 or transmitted via the communication component 130. In some embodiments, audio assembly 150 also includes a speaker for outputting audio signals.

The display 160 includes a screen, which may include a Liquid Crystal Display (LCD) and a Touch Panel (TP). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive an input signal from a user. The touch panel includes one or more touch sensors to sense touch, slide, and gestures on the touch panel. The touch sensor may not only sense the boundary of a touch or slide action, but also detect the duration and pressure associated with the touch or slide operation.

Those of ordinary skill in the art will understand that: all or a portion of the steps of implementing the above-described method embodiments may be performed by hardware associated with program instructions. The program may be stored in a computer-readable storage medium. When executed, the program performs steps comprising the method embodiments described above; and the aforementioned storage medium includes: various media that can store program codes, such as ROM, RAM, magnetic or optical disks.

Finally, it should be noted that: the above embodiments are only used to illustrate the technical solution of the present invention, and not to limit the same; while the invention has been described in detail and with reference to the foregoing embodiments, it will be understood by those skilled in the art that: the technical solutions described in the foregoing embodiments may still be modified, or some or all of the technical features may be equivalently replaced; and the modifications or the substitutions do not make the essence of the corresponding technical solutions depart from the scope of the technical solutions of the embodiments of the present invention.

Claims

1. A picture processing method comprises the following steps:

2. The method of claim 1, further comprising:

and responding to an editing operation instruction, calling a content editing object of the browser to edit the content data in the first container object.

3. The method of claim 1, wherein the first container object is a Blob object.

4. The method of claim 2, wherein the content editing object is a Canvas object.

5. The method of claim 3, wherein converting the data type of the first container object to a data type recognizable by the PDF handler comprises:

6. The method of claim 1, wherein loading the picture into the browser comprises:

7. A picture processing apparatus comprising:

the system comprises an object generation module, a storage module and a display module, wherein the object generation module is used for loading a picture to a browser, calling a first container object of the browser and converting the picture into content data of the first container object, and the first container object is a container object for storing a binary file;

8. The apparatus of claim 7, wherein the apparatus comprises:

and the editing processing module is used for responding to an editing operation instruction and calling a content editing object of the browser to edit the content data in the first container object.

9. An electronic device, comprising:

a memory for storing a program;

a processor, coupled to the memory, for executing the program for: