file上傳元件,失敗後內容清空

2021-08-25 06:50:27 字數 490 閱讀 6080

一、file上傳元件

二、遇到的問題:

當出現檔案型別不符合等失敗情況後,希望將元件中的位址清空

即:在ff下直接使用this.value = ""即可,但是ie卻不能達到預期效果

三、解決方案:

1、使用document.execcommand('delete', false, null)

分析:這個方案可以在ie下達到效果,只是同時也引入了新的問題:如果不重新整理頁面,ie下無法進行第二次提交

ie下會有「拒絕訪問」的提示。

2、使用form.reset()將上傳元件內容清空

需求:form中有其他字段,不重新整理頁面,不希望清空

解決方式:

1)新建乙個tempform為臨時form

2)將原form中的鈣file元件加入到tempform中

3)tempform.reset()將file元件內容清空

4)將file元件再移回原form

示例**:

CKEditor 上傳檔案後返回的內容

ckeditor 的文件做的真心覺得不好,很多東西找起來好麻煩。比如說檔案上傳的問題。如果是想實現簡單的檔案上傳,比如上傳,可以這樣 editor ckeditor.replace editor 上傳是可以了,但是卻無法正常返回,在 send to the server 之後,按照官網裡 demo ...

CKEditor 上傳檔案後返回的內容

注意針對springmvc模式 1 修改ckeditor 的配置檔案 config.js config.filebrowseruploadurl fileupload.html?type files filepath ckeditor 上傳檔案的儲存路徑 config.filebrowserimag...

vue 清空元件data資料所有 部分內容

初始化所有資料 object.assign this.data,this options.data 初始化某個物件中的資料 object.assign this.data.this.options.data object.assign方法用來將源物件 source 的所有可列舉屬性,複製到目標物件 ...