Tag:Picture upload

  • ASP. Net Baidu ueditor editor to upload pictures and add watermark effect


    preface A requirement encountered in recent work is to realize ASP Net Baidu ueditor image upload and add watermark function, which is finally realized by finding relevant materials. Let’s share the effect. At the end of the paper, we give the example code, you can refer to and learn. Let’s learn together. design sketch First, […]

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


    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


    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


    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


    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


    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


    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


    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


    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)


    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


    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


    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 […]