HTML5 avatar upload replacement cutting plug-in

10Jan2018

This article mainly introduces the jQuery plug-in ImgAreaSelect to implement the avatar upload preview and cropping function example. Friends who need it can refer to it. I hope it can help everyone.

16May2016

This article mainly introduces the JavaScript avatar upload plug-in source code to everyone. It has certain reference value. Interested friends can refer to it.

16May2016

This article mainly introduces the source code of the full-screen js avatar upload plug-in in detail. It has certain reference value. Interested friends can refer to it.

17Jun2017

To summarize the technical problems I encountered when making the HTML5 file upload plug-in, first paste the source code: fileupload-html5.js (PS: The company uses the seajs framework)

13Jul2016

PHP+ajaxfileupload+jcrop plug-in perfectly realizes avatar upload and cropping. Yesterday I spent some time integrating the avatar plug-in. The result of patchwork. Let’s take a look at the effect. 1. First use the ajaxfileupload plug-in to do asynchronous upload. I originally wanted to record the upload progress here.

16May2016

This article mainly introduces the image upload plug-in ImgUploadJS: Use HTML5 File API to implement screenshot paste upload and drag and drop upload. Friends who need it can refer to it.

09Mar2017

Form submission will refresh the page, making it difficult to upload asynchronously; flash may be used more often because it can take into account almost all browsers. I have always used jQuery's uploadify as the upload tool in the project, and uploadify is also based on Html5 seems to be charged, you can go to the official website to take a look; of course, now html5 provides API and powerful APIs such as File, FileReader, XMLHttpRequest, etc., which makes it possible for us to drag and drop to upload.

09Mar2017

The previous article has implemented the overall HTML and CSS of this project: HTML5 CSS3 Classic case: Drag and drop to upload images without plug-ins (supports preview and batch) (1) This blog is directly based on the previous article. The final effect is: Rendering 1: Rendering 2: Okay, please allow me to post the image twice so that everyone can see the effect~ It can be seen that the html of the li of our image is actually quite complicated, so I made the html document Some modifications: