2. 程式人生 > >解決使用jquery上傳圖片並實現回顯失敗，提示ReferenceError: $ is not defined

解決使用jquery上傳圖片並實現回顯失敗，提示ReferenceError: $ is not defined

阿新 • • 發佈：2019-01-15
使用jquery上傳圖片並實現回顯 <scripttype="text/javascript"> //上傳 （非同步） functionuploadPic(){ //本次 jquery.form.js varoptions = {                                   url :"/business/upload.do",                                   type :"post",                                   dataType :"json",                                   success :
function(data){ //執行回撥的程式 //img src = data.path                                          alert("~~~~~~~~~~~");                                          alert("...url:"+data.url);                                          $("#allUrl").attr("src",data.url);                                   }                      }
 //使用form                      $("#addFormRess").ajaxSubmit(options);               } </script> 發現圖片上傳成功，並能正確返回 url值，但是進入不到success 在頁面上除錯，發現提示 ReferenceError: $ is not defined 在網上找這個錯誤的問題，發現是因為新版本的jquery不支援handleError方法了，則可以去js指令碼中認為新增 在jquery.js指令碼中找到 jQuery.extend({ 在這之前新增如下： //modified jQuery.extend({
   handleError:function(s, xhr, status, e) { if(s.error) {           s.error.call(s.context || s, xhr, status, e);       } if(s.global) {           (s.context ? jQuery(s.context) : jQuery.event).trigger("ajaxError", [xhr, s, e]);       }   },   httpData:function(xhr, type, s) { varct= xhr.getResponseHeader("content-type"), xml = type =="xml"|| !type &&ct&&ct.indexOf("xml") >= 0, data = xml ? xhr.responseXML : xhr.responseText; if(xml && data.documentElement.tagName =="parsererror") throw"parsererror"; if(s && s.dataFilter)           data = s.dataFilter(data, type); if(typeofdata ==="string") { if(type =="script")               jQuery.globalEval(data); if(type =="json")               data = window["eval"]("("+ data +")");       } returndata;   } }); 重新上傳則可正確實現回顯。

相關推薦

解決使用jquery上傳圖片並實現回顯失敗，提示ReferenceError: $ is not defined

使用jquery上傳圖片並實現回顯 <scripttype="text/javascript"> //上傳 （非同步） functionuploadPic(){ //本次 jquery.form.js varoptions = {             

spring mvc的工程遇到頁面加載jquery失敗，提示 ReferenceError: $ is not defined

頁面加載 js文件 test head ren query title 首頁 訪問靜態文件 測試頁面代碼： <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>&l

3種上傳圖片並實現預覽的方法

load app chunks isp 賦值 response with span attr 在常見的用戶註冊頁面，需要用戶在本地選擇一張圖片作為頭像，並同時預覽。 常見的思路有兩種：一是將圖片上傳至服務器的臨時文件夾中，並返回該圖片的url，然後渲染在html頁面；另一種

input file 方式上傳圖片並實現實時預覽

用普通的html的 <input type="file"/> 標籤是不能實現實時預覽功能的，獲取表單的值可以得到圖片所在路徑：C:\fakepath\test.png，如果將它直接賦值給img標籤的href屬性，會報錯：Not allowed to load lo

ueditor1.4.3jsp版成功上傳圖片後卻回顯不出來與線上管理顯示不出圖片的解決方案

這是因為路徑問題，可以在jsp/config.json這個檔案去改路徑 通過“imageUrlPrefix”與“imagePathFormat”這兩個屬性去拼湊路徑。 “imageUrlPrefix”是字首的意思 如：我遇到的問題是圖片回顯地址為： http://local

javaweb網頁上傳圖片並顯示在頁面上，並在服務端存到磁碟（base64編碼解碼）

最後 服務端接收到頁面傳過來的全部的BASE64編碼後 public String uploadimgsave(String imagepath){   String url = "";   OutputStream os=null;   String ImgPath="D:/img";   //檔案存放目

ueditor上傳視訊再次訪問回顯失敗問題

一、ueditor上傳視訊，第一次可以回顯，當再次開啟頁面或者點選了工具欄左上角的html標籤後視訊回顯失敗的解決方法： 在網上看到好多關於修改whitList的，具體操作如下（ps：本人的沒有效果，但依舊記錄下來供參考）： 1、修改ueditor.conf

jQuery外掛之ajaxFileUpload(非同步上傳圖片並實時顯示，並解決onchange後ajaxFileUpload失效問題)

參考學習： 第一篇：http://www.cnblogs.com/kissdodog/archive/2012/12/15/2819025.html 第二篇：http://www.jb51.net/article/50518.htm 第三篇：http://zhangzhao

簡單實現前端選擇上傳圖片並顯示略縮圖

效果 實現程式碼 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>修改資訊</title> <sc

html js 上傳圖片並回顯

<html> <body>     <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>   　<scr

ajax上傳圖片並回顯

最近學習了一下上傳圖片並且寫了個demo 活不多說 直接上程式碼 首先 你需要引入ajaxfileupload.js 和 jquery 其次新建一個頁面程式碼如下 <tr> <div class="uploadPicture"> <td st

怎麼簡便地去掉html中難看的檔案上傳按鈕並實現圖片預覽功能？

問題描述 通常的檔案上傳按鈕是這樣的： 選擇了檔案過後是這樣的： 很顯然，這樣的按鈕並不好看。 解決方法 用一個label標籤來裝載樣式，其for屬性指向type=file的inp

cropper.js 移動端上傳圖片 並 裁剪 的功能實現

定好頁面  效果如圖 要求 點選 + 號之後  上傳圖片  裁剪之後 放在頁面上 實現 依賴  remodal 和 cropper.js  把裁剪的內容 放在remodal裡  點選 +

利用 Javascript 實現上傳圖片並向伺服器獲取圖片路徑後顯示的 demo

       由於某些特殊原因，有時需要從服務端請求到圖片路徑，需要給該介面傳遞對應圖片的base64 dataURL，並且有時需要將其上傳圖片的型別統一為 jpeg 格式時，可採用以下方式。 HTM

asp.net上傳圖片並能實現實時預覽

前臺aspx： <script type="text/javascript">         //下面用於圖片上傳預覽功能         function setImagePreview(avalue) {             document.getE

js實現上傳圖片並顯示的兩種實現方式(無需上傳到伺服器再顯示)

方法一： <input type='file' id='chooseFile'> <img src='' id='picToCheck'/> document .querySelector('#chooseFile'

【java】批量上傳圖片並回顯功能

一、前言       在電商的網站中，圖片上傳功能必不可少，小編在最近的專案中就有遇到了一個批量上傳圖片並且要回顯的功能。可以說這是一個很常見的功能了，已經爛大街了，但是小編還是要認真的分析一下，以便

基於VUE選擇上傳圖片並在頁面顯示（圖片可刪除）

.ajax sta http data .cn 數據 file prim 生成 demo例子： 依賴文件 ： http://files.cnblogs.com/files/zhengweijie/jquery.form.rar HTML文本內容：

PHP.25-TP框架商城應用實例-後臺1-添加商品功能、鉤子函數、在線編輯器、過濾XSS、上傳圖片並生成縮略圖

引用傳遞 none move 名稱 textarea 如果 library time fields 添加商品功能 　　1、創建商品控制器【C】　　/www.test.com/shop/Admin/Controller/GoodsController.class.php

selenium實戰 二 進入博客園，上傳圖片並發帖

編輯 sendkeys arr accept 圖片 .cn ledir car spa 1 #-*- coding:utf-8 -*- 2 __author__ = "carry" 3 4 from selenium import webdriver 5 im