The invention provides a front-end picture loading method and system, and the method comprises the following steps: S1, enabling each image file to be decomposed into a two-dimensional array at a webserver, executing the data cutting, and enabling the two-dimensional array to be divided into a plurality of array sets; s2, recording the image features of each array set into dom nodes of a corresponding image file; s3, when a user logs in the system through the web client, judging whether image data exists in the dom node of the current page or not; if so, obtaining a dom node of the to-be-loaded image file; and S4, taking out the array set and the image features from the dom node, executing data reconstruction, reconstructing the data set into a two-dimensional array, and restoring the two-dimensional array into an image file to realize image loading. When the picture is loaded, only a small amount of data needs to be loaded, so that the page delay effect caused by loading a large amount of pictures is effectively avoided, a user can enjoy extremely high loading speed, and the user experience is well improved.