1. 程式人生 > >webuploader 同一頁面兩個上傳按鈕解決辦法

webuploader 同一頁面兩個上傳按鈕解決辦法

// 圖片上傳 jQuery(function() { var $ = jQuery, ratio = window.devicePixelRatio || 1, thumbnailWidth = 100 * ratio, thumbnailHeight = 100 * ratio, uploader; uploader = WebUploader.create({ fileNumLimit:10, auto: true, swf: BASE_URL + '/Uploader.swf', server: APP, pick: '.filePicker'
, accept: { title: 'Images', extensions: 'gif,jpg,jpeg,bmp,png' } }); uploader.on('fileQueued', function (file) { $(".webupload_current").before('<label>正在上傳,請稍等...</label>'); }); uploader.on( 'uploadSuccess', function( file, data)
{
$("#" + file.id).remove(); $(".webupload_current").prev().remove(); $(".webupload_current").val(data._raw); if($(".webupload_current").attr("id") == 'residence_photo'){ $("#residence_photo_preview").attr('src',data._raw); }else{ $('#preview_img1'
).attr('src',data._raw); } }); uploader.addButton({ id: '#filePicker1' }); });

相關推薦

webuploader 同一頁面按鈕解決辦法

// 圖片上傳 jQuery(function() { var $ = jQuery, ratio = window.devicePixelRatio || 1, thumbnailWidth = 100 * ratio, thumbnailHeight = 100 * ra

Plupload 詳細講解,Plupload 多實例,Plupload多按鈕--推薦使用

.html 目前 clas 路徑 arc 我們 參考 等等 選擇 今天幫朋友解決 Plupload 上傳的問題,查了很多資料,資料還是挺全的,但是有點零零散散的,故整理好,合並發出來。 本教程包括: Plupload 上傳詳細講。 Plupload 多實例

Plupload 詳細講解,Plupload 多例項,Plupload多按鈕

  Plupload  上傳成功獲取返回值. DEMO:<!DOCTYPE html><html><head><metacharset="UTF-8"><title>Plupload使用指南</title><!-- 首先需要引入pl

問題-windows下的文本文檔在linux下查看時開頭多了字符的解決辦法及預防辦法

image bom code size 正常 watermark 查看 color sql 問題說明 sql的insert語句,在windows上傳到服務器上,使用heat命令查看時發現文件的開頭多了兩個字符,使用vim編輯時正常; 解決辦法: dos2unix filen

IIS+php服務器無法圖片解決辦法

src inf ini 技術 ima 建立 查找 地方 關於 查找網上資料,發現php.ini下面有2個地方關於上傳的配置: file_uploads = On 這裏設置是否允許HTTP上傳,默認應該為ON的 ;upload_tmp_dir= 這裏設置上傳文件存放的臨時

ueditor富文本編輯器跨域圖片解決辦法

etop cee 訪問 第一步 支持 fun 初始化 處理 顯示 在使用百度富文本編輯器的過程中,如果是有一臺單獨的圖片服務器就需要將上傳的圖片內容放到圖片服務器,也就是比如在a.com的編輯器上傳圖片,圖片要保存到img.com的跨域上傳圖片功能,而在ueditor官方文

ueditor富文字編輯器跨域圖片解決辦法

在使用百度富文字編輯器的過程中,如果是有一臺單獨的圖片伺服器就需要將上傳的圖片內容放到圖片伺服器,也就是比如在a.com的編輯器上傳圖片,圖片要儲存到img.com的跨域上傳圖片功能,而在ueditor官方文件中說不支援單圖上傳的跨域, 網上查了一下各種花裡胡哨,一頓操作猛如虎,比如加document.dom

專案中需要到版本的JQuery解決辦法

在專案中需要使用兩個版本的JQuery時,兩個JQuery都會佔用$符號,後引用的JQuery會搶到$符號的使用權,導致無法使用先引用的JQuery. 解決辦法:JQuery中提供了noConflict()函式,該函式返回jQuery物件本身,可以用來取別名,在引入第一個J

織夢dedecms後臺檔案media_add.php任意漏洞解決辦法

織夢在安裝到阿里雲伺服器後阿里雲後臺會提示media_add.php後臺檔案任意上傳漏洞,引起的檔案是後臺管理目錄下的media_add.php檔案,下面跟大家分享一下這個漏洞的修復方法: 首先找到並開啟後臺管理目錄下的media_add.php檔案,在裡面找到如下程式碼:

笑談Windows10系統插入U盤顯示碟符的解決辦法

  在Windows10系統中,插入U盤顯示兩個碟符,如何變成一個碟符?   網上搜搜,一大片的解決辦法,基本上都是建立reg檔案,而且抄抄抄!但我試了半天,無效!   仔細分析這個reg檔案,和登錄

webuploader在同頁面初始化多元件問題

問題說明:同頁面初始化多次,檢查發現對應div或button控制元件已經初始化成功,但是當點選時卻無法彈出檔案選擇框。 如下圖所示: 解決方案為:呼叫webuploader的refresh()方法對相應控制元件進行重新整理。 當前頁面如下: 有多個tab可供點

fastDFS+LibreOffice多檔案(二)前端部分:修改按鈕樣式和後在頁面顯示

一:修改上傳按鈕樣式 原來的<input type="file"/>太醜了,所以我自己設定了樣式。方法:在<input type="file"/>上面加一層div,遮住它。 .upload{ padding: 0px 25px; line-height

解決WebUploader 按鈕沒反應、按F12 才會有反應的問題

遇到了 WebUploader 外掛的上傳按鈕點選無效(此時滑鼠在按鈕任何位置時,按鈕都沒變化)、按F12 之後才有反應(此時滑鼠在按鈕任何位置時,按鈕顏色都會變深) 的問題,網上查到一些答案,找到了一種測試有效的辦法。首先出現Bug的原因是外掛生成[選擇檔案]按鈕的長寬都是

同一個頁面使用webuploader實現多例項多案例

專案上遇到一個需求,要實現一個頁面有多個上傳圖片入口,我們使用的是webuploader上傳元件;研究了一下終於弄好了這個功能,主要是動態獲取上傳按鈕id和需要展現縮圖的元素id獲取元素;儲存供以後需要的時候直接用:1:首先引入所需要的css和js<link rel="

Chrome瀏覽器點擊 input file按鈕時延遲3-5秒的解決方法

chrome瀏覽器 input file1. Google chrome 瀏覽器在52版本之後出現一個bug,就是點擊 input file上傳按鈕時反應很慢,需要等待3-5秒種之後才能彈出選擇文件的對話框。比如windows裏可能是這樣:MAC裏可能是這樣:Chrome瀏覽器點擊 input file上傳

input[type=file] 樣式美化,input按鈕美化

美化 name style borde -s pac :hover ima splay <style>.file { position: relative; display: inline-block; background: #D0EEFF;

文件按鈕input[type="file"]按鈕美化時在IE8中的bug【兼容至IE8】

spl -a class 文件 ati 12px -s filter cursor 首先看一下完成後的效果,鼠標移入可改變為手指的效果。 在此就不加圖標了 <label class="file-upload">   <span>上傳

input按鈕美化

思路 cor css block hid print %20 asc pac 思路: input file上傳按鈕的美化思路是,先把之前的按鈕透明度opacity設置為0,然後,外層用div包裹,就實現了美化功能。 代碼如下: DOM結構: <a href="java

jQuery無刷新插件Uploadify的按鈕不顯示

set con 正常 ash second 按鈕 bubuko 無刷新上傳 不能 使用的 免費的flash版本,電腦也有 flash player 的9.0.24版本以上 在瀏覽器上傳按鈕不能正常顯示, 這是 因為瀏覽器禁止了flash , 需要開啟flash , 例:使

ServletContextServlet值學習筆記

ServletContext兩個ServServletContext對象 1)在web應用中,由服務器創建的唯一的一個對象是ServletContext2)ServletContext對象在每一個Servlet中取得都是相同到3)ServletContext對象在存取方法:存ServletContext.se