Tag:Picture upload

  • TP5 example of the method of uploading multiple pictures (with attachment selection) using layui

    Time:2021-12-30

    TP5 uses layui to upload multiple pictures (with attachment selection). How to load layui is not described in detail here. You can baidu if necessary HTML code is mainly processed in JQ. All the completion methods are original. It may not be the simplest, but it can also achieve results {include file=”public/header” /} <body> <div> […]

  • IOS image upload uses Base64 or binary stream upload avatar function

    Time:2021-10-30

    When we write code, we often upload avatars to the server. I have tried two ways to upload avatar pictures One way is to upload pictures using Base64 string. I personally think this form is more suitable for uploading pictures with a small number, such as uploading avatars. If there are a large number of […]

  • Vue.js cloud storage realizes image upload function

    Time:2021-9-1

    preface Tip: the following is the main content of this article. The following cases can be used for reference 1、 Object storage Cloud object storage (COS) is a distributed storage service for storing massive files provided by Tencent cloud. It has the advantages of high scalability, low cost, reliability and security. Through console, API, SDK […]

  • HTML5 realizes the function of uploading multiple pictures

    Time:2021-8-14

    The picture was also written before uploading, but it was uploaded from a single sheet. Recently, there was a business demand that multiple sheets should be uploaded, so it was rewritten HTML structure: XML/HTML CodeCopy contents to clipboard <div class=“container”>       <label>Please select an image file:</label>       <input type=“file” id=“file_input” multiple/>   </div>   By the way, the main logic of this upload: […]

  • Image compression and upload on HTML5 canvas mobile browser

    Time:2021-8-13

    Recently, when designing the avatar upload function on the mobile terminal, it was originally uploaded directly through formdata with < input type = “file” > but the actual usage is that too long upload time for too large pictures (photos taken by high-pixel mobile phones, etc.) will lead to upload failure, and uploading pictures of […]

  • Implementation of OSS image upload in Java wechat applet

    Time:2021-6-26

    First upload the image to the server, and then transfer the image on the server to OSS Small program JS //Starting upload waiting wx.showToast({ Title: ‘uploading…’, icon: ‘loading’, mask: true, duration: 10000 }) //Upload pictures wx.uploadFile({ URL: ‘* * *’, // upload path (Java background path) filePath: tempFilePaths[0], name: ‘file’, success: function (res) { Console.log […]

  • A pseudo Ajax image upload code implementation example

    Time:2021-6-18

    Copy codeThe code is as follows: <?php if($_FILES){ ?> <script> window.parent.ajaxUploadPicture.uploadCallback(‘https://imgs.developpaper.com/imgs/5099213b07eca8065380ce7f75e95dda144ad348269.jpg’); </script> <?php die; } ?> <!DOCTYPE html> <html> <head> <script> ajaxUploadPicture = { $o1:” }; ajaxUploadPicture.ajaxUploadFile = function ($o){ this.$o1 = $o; var $iframe = document.createElement(‘iframe’); $iframe.style.display = ‘none’; $iframe.name = ‘iframe’; $iframe.id = ‘iframe’; document.body.appendChild($iframe); var $form = document.createElement(“form”); $form.method = “post”; $form.enctype […]

  • Asp.net MVC uses swupload to upload multiple pictures

    Time:2021-6-15

    This example for you to share the swupload to achieve multi image upload specific code, for your reference, the specific content is as follows 1. DownloadWebUploader 2. Copy the downloaded files to your own project 3. Add reference <!– Introducing jQuery — > <script src=”~/Script/jquery-1.8.2.min.js”></script> <!– Introduce CSS — > <link href=”~/CSS/webuploader.css” rel=”stylesheet” /> <!– […]

  • Create your own Ajax image upload (not available on the Internet)

    Time:2021-5-7

    Today I need a picture upload plug-in, but the Internet does not provide a meet their needs and easy to use. So I wrote one myself. Method 1, only use jQuery code, no third-party plug-ins. The code is as follows <p> < label > upload picture <input type=”text” value=”” readonly=”readonly” /> <input type=”button” value=”Upload” /> […]

  • Using ckeditor and dotnetcore to upload pictures

    Time:2021-4-20

    This example for you to share the ckeditor and dotnetcore image upload specific code, for your reference, the specific content is as follows Using ckeditor 1. Introduce JS library <script src=”https://cdn.ckeditor.com/4.6.1/standard-all/ckeditor.js”></script> 2. Define a textarea label <textarea> </textarea> 3. Replace textarea with ckeditor to use basic functions CKEDITOR.replace(‘editor’); 4. Configure ckeditor Add image upload, code […]

  • Wechat applet encapsulates multiple pictures and uploads api code examples

    Time:2021-1-3

    This article mainly introduces the example of wechat applet encapsulating multiple pictures to upload api code. The example code is introduced in great detail, which has a certain reference learning value for everyone’s study or work. Friends in need can refer to it The code is as follows export default class Upload{ constructor(object) { this.obj […]

  • Analysis of image upload and canvas compression process

    Time:2020-7-4

    We usually encounter this situation when we upload images. First, the back-end interface limits the size of uploaded images, or even if the back-end does not limit the size, because the image is too large, rendering in the front-end is too slow, resulting in poor page loading experience. Therefore, it is necessary for us to […]