圖片上傳第一次觸發,第二次不觸發的問題
<input type="file" name="file" class="upload__input" @change="change($event)" >
檔案上傳點選一次執行change事件,第二次點選相同的檔案會上傳不成功。
只需要在
change(event){
執行上傳的程式碼;
let img1 = event.target.files[0];
let type = img1.type; //檔案的型別,判斷是否是圖片
let size = img1.size; //檔案的大小,判斷圖片的大小
let reader = new FileReader();
reader.readAsDataURL(img1); // 讀出 base64
reader.onloadend = function () {
// 圖片的 base64 格式, 可以直接當成 img 的 src 屬性值
var dataURL = reader.result;
}
//重置一遍value,至關重要
event.target.value = '';
};
相關推薦
圖片上傳第一次觸發,第二次不觸發的問題
<input type="file" name="file" class="upload__input" @change="change($event)" >檔案上傳點選一次執行change事件,第二次點選相同的檔案會上傳不成功。只需要在change(event){ 執行上傳的程式碼; let
關於圖片上傳第一次正常第二次沒反應的問題
最近做後臺系統發現圖片上傳的問題,專案是Vue+element-ui搭建框架,圖片上傳點選第一次正常請求介面沒問題,第二次點選沒反應沒有正常去請求介面。 原因:第一次點選上傳成功之後沒有清除。 方案:在請求成功的函式中加入 <el-upload class="
jQuery attr方法 第一次有效,第二次無效問題
例如設定全選: $(function(){ //設定全選反選 $("#all").click(function(){ if(this.checked){ $("input[name='id'
輸入兩次密碼,第二次與第一次不一致,要求重新輸入的while迴圈
System.out.println("請輸入密碼:");// 輸入其他比如字串,且重新輸入 int mm1 = in.nextInt(); while (true) { System.out.println("請再次確認密碼:");// 如果和第一次密碼輸入
JAVA實現客戶端圖片上傳至伺服器(SSM)(不使用input 標籤使用,瀏覽器圖片直接上傳伺服器)
JAVA實現客戶端圖片上傳至伺服器(SSM)(不使用input 標籤使用,瀏覽器圖片直接上傳伺服器) 這是本人第一篇部落格 想著記錄一下平時學習的過程,也提供給和我一樣正在學習java的同學們!!(如果有不懂的同學歡迎留言 有時間一定回覆,寫的不好的地方請多包涵) * 開始: 首先要
【UEditor】 第一次正常,第二次渲染失敗(無法正常載入)問題
提出問題 使用UEditor-1.4.3中遇到第一次跳轉到使用UEditor的介面後,編輯器載入正常,返回後第二次再跳轉到這個介面就出現UEditor無法正常載入, 看UEditor原始碼,發現這樣一段: /** * @file * @name UE
android點選事件,第一次無效,第二次才響應的問題
今天碰到的問題,android的標題欄一個回退button,每次進入的時候第一次點選無效,一直到第二次點選時才響應,然後把程式碼copy到系統的回退按鈕裡面,結果每次都能響應,後面想了想,應該跟焦點有關係 第一次點選的時候相當於獲取焦點,第二次點選的時候才響應點
【UEditor】php版的UEditor 1.3.x圖片上傳目錄的設定,與上傳外掛的修改
UEditor的圖片上傳需要自己設定一下功能才能正常。同時,如下圖所示,圖片上傳外掛的“線上管理”、“圖片搜尋”等無意義的功能,需要自己手動根除一下。 還有,一般情況下,編輯器的圖片儲存目錄,上傳目錄就是一個,不應該給使用者自己手動選擇,也是需要自己手動刪除的。 修改
圖片上傳預覽方式,瞭解下?
圖片上傳預覽場景基本處處可見,朋友圈發動態配圖,身份驗證及頭像更新,莫過如斯。 原由 最近在研究twitter PC網站的時候,在個人中心的主頁,設定個人的背景圖的時候,發現twitter有個非常好的設計,那就是使用者在更改背景牆圖片的時候,它根本不是先上傳圖片,而是在本地預覽及編輯圖片,待使用者點選儲存
關於ajaxFileUpload圖片上傳,success和error都觸發的情況
圖片 跨域 插件 for 函數 over type secure 輸出 最近做到項目使用JQuery的插件ajaxFileUpload~~~ 遇到了非常領人匪夷所思的事情,當圖片上傳成功之後呢(success),它的error事件也被觸發了,情況就是: 後端數據正
第一次使用Git上傳本地專案到github上,下載、安裝、上傳(很詳細,很全面)
我覺得學習github的人基本上已經快要脫離了小白的標籤,雖然我一直喜歡自稱為小白。對於程式設計師原來說應該都聽說過GitHub,GitHub有許多開源的的專案和一些前沿的技術。因為自己在第一次使用過Git和github時遇到過不少的坑,所以,想對第一次使用Gi
微信公眾號開發的時候,進行上傳多張手機相簿圖片上傳時候只上傳第一張其他圖片沒上傳解決方案
微信端的這個方法在使用的在你進行迴圈呼叫的時候他只接受第一張圖片,其他圖片就沒有了所以解決的方法就是一串串執行而不是並行 wx.uploadImage({ localId: '', // 需要上傳的圖片的本地ID,由chooseImage介面獲得 isSh
圖片上傳時input file change事件多次觸發解決
file input出於安全形度,是不允許賦值的,即使是置空,雖然通過給outerHtml賦值可以清空,但貌似僅在ie下起使用。 因為缺少置空的方法,使用者非同步上傳完畢檔案後選擇相同檔案時,不會觸發change,因為在這種情況下,我們沒有辦法使value(也就是檔案
對webuploader二次封裝,實現表單多欄位多圖片上傳!
由於公司專案使用到了這個功能,而我在百度谷歌都無法找到相應的外掛,所以決定自己封裝一個外掛來實現。由於博主是後端開發人員,對前端的jq不熟悉,踩了很多坑才完成。 只需要給指定的div指定方法即可。 前後的東西已經封裝好了。
springmvc圖片上傳(兼容ie8以上,實時預覽)
處理 spa aps news time htm tip 技術分享 ans html代碼: <form id="uploadform" method="post" enctype="multipart/form-data"> <
微信端調取相冊和攝像頭,實現圖片上傳,並上傳到本地服務器
配置 epic 替換 pan source 工具 alert 調試 family 在微信公眾號網頁開發時,遇到了圖片上傳的問題,查看了微信的開發者文檔,裏面的資料比較全。接著我們看一下整個的流程 1、config權限配置 $.ajax({ url:‘wx_getC
圖片上傳,頭像上傳
repl cnblogs $.ajax maxwidth 僅支持 .sh span attr 瀏覽器 簡介 在平時前端開發中,圖片上傳與頭像上傳是必不可少的。下邊我把上傳頭像做了一個小的例子,希望大家能夠使用。代碼是一年前寫的,對於新手老手來說,一看即懂。如果想
圖片上傳oss--先拿server端簽名再上傳oss,返回id值
access tro 常用方法 -1 跨域問題 lba hub 指點 sage 目前項目oss阿裏雲存儲圖片,圖片上傳主要步驟是:前端從服務端拿到簽名signature,再上傳到oss上busket裏,上傳成功返回圖片id (imgId),最後再給server端; 註
圖片上傳和裁剪,bitmapcutter組件的使用
lastindex mar adp display new else if iss .aspx 客戶 圖片上傳在上篇博文中講過。 這裏主要是裁剪的實現,需要用到bitmapcutter組件。 jquery.bitmapcutter該插件由Jericho開發,它的主要作用是客
【轉載】【JAVA秒會技術之圖片上傳】基於Nginx及FastDFS,完成圖片的上傳及展示
相互 沒有 con 性能 ext 存儲服務器 網絡 管理 代理配置 基於Nginx及FastDFS,完成商品圖片的上傳及展示 一、傳統圖片存儲及展示方式 存在問題: 1)大並發量上傳訪問圖片時,需要對web應用做負載均衡,但是會存在圖片共享問題 2)web應