1. 程式人生 > >HTML問題 --圖片選擇後自動上傳 --chrome 中parent物件

HTML問題 --圖片選擇後自動上傳 --chrome 中parent物件

1:ie中通過點選非文字域,來觸發文字域被點選的事件

      選擇檔案之後,此時通過文字域的cochange 事件來提交表單,是不被允許的。

      JS會報“拒絕訪問”的錯誤資訊

      其他瀏覽器沒有問題。

      常用場景:

      分享,快速上傳。

      點選圖片或者連結後,觸發文字域被點選的事件,彈出“檔案選擇窗體”,使用者選擇檔案後,檔案自動上傳。

      解決方法:

      在被點選的圖片或者連結上,使用透明度為0的文字域,並將按鈕位置與圖片或者連結重疊,實質上就是使用者點選透明的文字域的瀏覽按鈕。

      這樣再使用ONCHANGE事件來提交圖片就不會被拒絕了。

2:CHROME中本地環境的HTML中IFRAME進來的頁面不允許使用JS的parent物件。

      即在b.html中呼叫 <iframe name='a' id="a" src="a.html"></iframe>  

      而在a.html中不可以呼叫JS的parent物件。

      解決方法:

      當頁面被放在伺服器環境中的時候。即可正常。

相關推薦

HTML問題 --圖片選擇自動 --chrome parent物件

1:ie中通過點選非文字域,來觸發文字域被點選的事件       選擇檔案之後,此時通過文字域的cochange 事件來提交表單,是不被允許的。       JS會報“拒絕訪問”的錯誤資訊       其他瀏覽器沒有問題。       常用場景:      

選擇檔案自動

        var url = ‘’;         if (window.createObjectURL != undefined) { // basic             url = window.createObjectURL(file);         } else if (window

Fileupload選擇檔案自動

客戶端: <asp:FileUpload ID="fuPhoto" onchange="javascript:__doPostBack('lbUploadPhoto','')"

使用.net在服務端進行圖片下載

上傳視頻 read list sap ebr ring bytes web add 最近做了阿裏的視頻接口,很蛋疼,阿裏的視頻獲取封面圖片是有時間限制的,過期就無法訪問了,只能先下載後上傳。 廢話不多說,直接上代碼 public ActionResult Uploadvi

maven/gradle 打包自動到nexus倉庫

1 <plugin> 2 <groupId>org.apache.maven.plugins</groupId> 3 <artifactId>maven-source-plugin</artifactId> 4 <

使用南塵的ImagePicker實現仿微信的相簿圖片選擇以及拍照

在記錄之前先放上原作的GitHub專案地址:ImagePicker 南塵的框架寫得相當不錯,我們可以在我們的專案中新增依賴直接使用,但是我在使用的時候發現了一個小bug,就在圖片預覽的介面選擇了圖片後,點選返回到所有圖片介面時,在預覽被選中的圖片的CheckBox沒有勾上,

使用 Sonatype Nexus 3 搭建 Maven 私服、本地私有 Maven 倉庫,Gradle 打包 jar 、arr 自動到 Nexus Maven 倉庫配置

1 下載 Nexus 3 官網截圖 注:Nexus 3 版本的執行需要 jdk1.8 解壓 得到 2 個資料夾 // Nexus 執行時所需要的檔案,如啟動指令碼 nexus-3.9.0-01 // Nexus生成的配置檔案,

input[type='file']在選擇好要圖片當前頁面實現預覽

需求在開發中,我們有時候要實現這種效果:在選擇要上傳的圖片後,如果頁面只是給出選擇檔案的名字的話,未免會降低使用者體驗,就比如,你要更換你賬戶的頭像,本地選擇好頭像後,而客戶端並沒有反饋,你無法預覽你的頭像,那豈不是非常不人性化?所以我們要達到的效果就是,當你在選擇好圖片後,

Android整合html呼叫拍照功能拍照無法問題分析解決

最近在做專案的時候遇到一個很詭異的問題,後來找到原因以後,發現原因很簡單,修改很easy,不多大多數情況下我們都容易忽略。 問題描述:使用Android手機中的html介面呼叫拍照功能(未使用第三方外掛),發現照片無法傳上去,但是使用從相簿選擇功能,就可以正常上傳照片。後來我把上次通過拍照儲

利用阿里雲 OSS 服務為 sublime 提供自動圖片圖片的外掛

OSS 的相關操作 雲物件儲存服務(Object Storage Service,簡稱 OSS),能夠提供的海量、安全、低成本、高可靠的雲端儲存服務。通俗的講就是一個『網路上的大硬碟』,你可以通過自己寫程式碼進行讀寫、訪問控制等操作。 物件儲存的概念 視訊播放,這裡會介紹圖床只是

在Markdown編輯自動圖片

這幾天學習一些技術,寫一些筆記或者相關的文件,一般喜歡用markdown,因為比較通用,而且寫完直接可以傳到csdn上。不管是用typora編輯,還是在csdn上寫,插入圖片始終是一個極其極其蛋疼的事情,而且csdn的相簿找不著了。後來折騰了半天,也看到了網上的

KindEditor貼上時候自動遠端圖片(非本地)

基本的配置這裡不說了,官網有文件,貼程式碼: <textarea id="content" style="width:80%;height:100px;"></textarea> //定義編輯器物件 var editor; //非同步載入編輯器

Java手機拍攝圖片矯正方向

package useractivity.utils; import com.drew.imaging.ImageMetadataReader; import com.drew.metadata.Directory; import com.drew.metadata.Metadata; imp

dedecms 自定義模型圖片欄位無法選擇及無法問題的解決方案

1. 自定義欄位圖片上傳無法點選選擇的問題解決方法(include/uploadsafe.inc.php) 541行:onClick=\"SelectImage('form1.$fieldname','big')\" />\r\n"; 更改為:onClick=\"Se

前端壓縮圖片以及php

 後端壓縮已經越來越不能滿足使用者的需求,尤其在前端日益發展的今天,前端壓縮勢在必行。以前由於一直沒有找到合適的前端壓縮的方法,一次放棄,一次次繞行,最終沒有繞過這道坎。接下來我們說一下前端壓縮還有上傳        1.引入js,index.js已上傳我的資源。     

使用json方式圖片時,發現成功,變成下載了json... 或者無法解析到返回的結果集!!!

問題描述:如題 PS:使用Struts框架!!! 解決方案: <result name="typename" type="json"><param name="noCache">true</param><param name="

解放雙手,markdown文章神器,Typora+PicGo+七牛雲圖床實現自動圖片

> 本文主要分享使用Typora作為Markdown編輯器,PicGo為上傳圖片工具,使用七牛雲做儲存來解放雙手實現圖片的自動化上傳與管理。提高寫作效率,提升逼格。用過 Markdown 的朋友一定會深深愛上這種優雅的寫作方式,比起慘不忍睹的 Word 簡直要帥氣得多了。 Typora 是一款簡單、高效而且

圖片、視頻小記

處的 nsstring opened pro sof video 視頻上傳 zone eof 我們開發中常用到圖片上傳,比如頭像上傳之類的,還有類似發布空間說說時發布多張圖片等等,我在這裏通過借鑒網絡資源,並依賴於七牛雲存儲做了一個圖片上傳的小結。

django如何給圖片重命名(給文件重命名)

pat tex pic mst 圖片 cati ima split data- 1、先在你項目中添加一個文件夾如:system 在文件夾下添加__init__.py 和storage.py文件,並在storage.py中添加如下代碼: # -*- coding: UTF-

Linux使用Shell腳本實現ftp的自動下載

binary http linux user 文件中 get cal 文件重定向 tab 1. ftp自動登錄批量下載文件。#####從ftp服務器上的/home/data 到 本地的/home/databackup#####!/bin/bashftp -n<<