워드 내용 읽 기 (표 포함, 그림 포함 하지 않 음) 페이지 에 표시 하거나 데이터베이스 에 저장
웹 에서 클 라 이언 트 Word 내용 을 읽 고 페이지 에 표시 하 는 방법 은 무엇 입 니까?
나 는 두 가지 방법 이 있 는데 하 나 는 클 라 이언 트 에서 직접 조작 하 는 것 이 고 하 나 는 클 라 이언 트 의 워드 를 서버 에 업로드 하 는 것 이다. 이 두 가 지 는 각각 장단 점 이 있다.
나 는 지금 클 라 이언 트 작업 의 예 를 들 었 다.
우선. aspx 에 다음 과 같은 js 코드 를 추가 합 니 다.
< script language = 'javascript' > / 기본 워드 변환 파일 을 C: \ \ \ \ 아래 var os localPath = "C: \ \ \", / / 저 장 된 파일 이름 var os localFile = "default FileWord d. htm", var os xmlDom = new ActiveXObject ("MSXML 2. DOMDocument"), var os xmlFSO; / / 현재 클 라 이언 트 에 데 이 터 를 저장 합 니 다 (저장 할 파일 이름 을 입력 할 수 있 습 니 다). function os SaveToLocal () {var saveas = "if";(arguments. length > 0) saveas = arguments [0] + "; else saveas = os localFile; try {if (os xmlFSO = = null) os xmlFSO = new ActiveXObject (" Scripting. FileSystem Object ");} catch (e) {window. alert (e);} / / Word 를 Html 문서 함수 WorcChangeHtml () 로 변환{var os xmlFSO; / 업로드 컨트롤 대상 var objectUpFile = window. document. Form1. updFile; / 클 라 이언 트 Word 파일 경로 와 파일 var UpFileValue = window. document. Form1. updFile. value; if (os xmlFSO = = null) os xmlFSO = new ActiveXObject ("Scripting. FileSystem Object"), try {if (window. document. Form1. updFile. value = ") {alert('해당 하 는 Word 파일 을 선택 하 십시오'); obj UpFile. focus ();} else if (UpFileValue. indexOf (". doc") = - 1) {alert ('Word 파일 이 아 닌 \ r 를 선택 하 셨 습 니 다. 올 바른 Word 파일 을 선택 하 십시오'); obj UpFile. focus ();} else if (! os xmlFSO. FileExists (obj UpFile. value) {alert ('해당 하 는 Word 파일 이 존재 하지 않 습 니 다'); obj UpFile. focus ();} else {var wdHTML = 8; var obj Word = new ActiveXObject ()"Word.Application");objWord.Application.Visible = false;var objDoc = objWord.Documents.Open(UpFileValue);objDoc.SaveAs(os__localPath+os__localFile, wdFormatHTML);window.document.Form1.updFile.value = "";objDoc.Close();objWord.Quit();var GetHtml = GetLine();var iBeginIndex = GetHtml.indexOf(""); GetHtml = GetHtml. substring (iBeginIndex, iEndIndex + 7). replace ("body", "div"); GetHtml = GetHtml. replace ("< / body", "< / div"); / / 전 환 된 값 을 페이지 컨트롤 txtIdea 의 값 에 부여 합 니 다. 저 는 Word 값 을 데이터베이스 에 저장 하기 위해 < input type = "hidden"... Word 내용 을 표시 하면 window. document. Form 1 을 고려 할 수 있 습 니 다. "". innerText = GetHtml; window. document. Form1. txtIdea. value = GetHtml;;}}}}} {window. alet (e);}}}}}}}} / / 텍스트 파일 을 읽 는 기능 이 GetLine () {var fso, tx파일, str값, str값 값, var ForReading = 1, For쓰기 = 2; fso = 새 ActivXOb(스 크 립 팅. FileSystem 개체" "스 크 립 팅.. FileSystem 개체"); tx파일 = fso... 열 텍스트 파일 = fso.... 다음 다음 다음 다음 다음 다음 다음 다음 다음 다음 다음............................................. am) {strValue = strValue + txtfile.ReadLine();}txtfile.Close();return(strValue);}
페이지 에 다음 2 개의 컨트롤 과 대응 하 는 클 라 이언 트 이 벤트 를 추가 해 야 합 니 다.
> < textarea < textarea < < textarea < < < textarea > > > > > > "" BORDER - RIGHT: \ # 999999999999999999999999999style = "WIDTH: 15.25%; HEIGHT: 23px" rows = "50" cols = "16" id = "txtIdea"runat="server">
그 중에서 txtIdea 의 값 은 클 라 이언 트 Word 의 내용 입 니 다. 주의: IE 의 보안 설정 을 조정 해 야 합 니 다. 그렇지 않 으 면 무효 입 니 다.
http://51lulu.spaces.live.com/blog/cns!83064727507EA7B6!142.entry
댓 글 추가
6 월 21 일
CSS 에서 expression 사용 안내
IE5 와 그 이후 버 전 은 CSS 에서 expression 을 사용 할 수 있 습 니 다. CSS 속성 과 자바 script 표현 식 을 연결 하 는 데 사 용 됩 니 다. 여기 의 CSS 속성 은 요소 고유의 속성 일 수도 있 고 사용자 정의 속성 일 수도 있 습 니 다. 즉, CSS 속성 뒤 에는 자바 script 표현 식 이 있 을 수 있 습 니 다. CSS 속성의 값 은 자바 script 표현 식 으로 계 산 된 결과 와 같 습 니 다. 표현 식 에서 직접 참조 할 수 있 습 니 다.요소 자체 의 속성 과 방법 은 다른 브 라 우 저 대상 도 사용 할 수 있 습 니 다. 이 표현 식 은 이 요소 의 한 구성원 함수 와 같 습 니 다.
원소 고유 속성 에 값 부여
예 를 들 어 브 라 우 저의 크기 에 따라 요소 의 위 치 를 설정 할 수 있 습 니 다.
#myDiv {position: absolute;width: 100px;height: 100px;left: expression(document.body.offsetWidth - 110 "px");top: expression(document.body.offsetHeight - 110 "px");background: red;}
요소 사용자 정의 속성 할당
예 를 들 어 페이지 의 링크 점선 상 자 를 제거 합 니 다. 일반적인 방법 은:
link1link2link3
대충 보면 expression 을 사용 하 는 장점 이 나타 나 지 않 을 수도 있 습 니 다. 그러나 만약 에 페이지 에 몇 십 개, 심지어 백 개의 링크 가 있다 면 이때 당신 은 기계 적 으로 Ctrl C, Ctrl V 를 사용 할 수 있 습 니까? 하물며 둘 을 비교 하면 어느 것 이 더 많은 불필요 한 코드 를 만 들 수 있 습 니까?
expression 을 사용 하 는 방법 은 다음 과 같 습 니 다.
link1link2link3
설명: 스타 는 자신 이 임의로 정의 하 는 속성 입 니 다. 원 하 는 대로 정의 할 수 있 습 니 다. 이 어 expression () 에 포 함 됩 니 다.이 문 구 는 JS 스 크 립 트 입 니 다. 사용자 정의 속성 과 expression 사이 에 따옴표 가 있다 는 것 을 잊 지 마 세 요. 실질 적 으로 CSS 이기 때문에 s cript 가 아 닌 style 태그 에 넣 습 니 다. OK. 한 마디 로 페이지 의 링크 점선 상 자 를 쉽게 제거 할 수 있 습 니 다. 하지만 만족 하지 마 세 요. 만약 에 발생 하 는 효과 가 CSS 의 속성 변화 라면 결과 가 나 옵 니 다.본의 와 다 를 수 있 습 니 다. 예 를 들 어 마우스 가 들 어 오 면 페이지 의 텍스트 상자 색상 을 바 꾸 려 고 합 니 다. 당연히 써 야 한다 고 생각 할 수도 있 습 니 다.
그러나 결 과 는 스 크 립 트 오류 가 발생 했 습 니 다. 정확 한 쓰기 방법 은 CSS 스타일 의 정 의 를 함수 에 써 야 합 니 다. 다음 과 같 습 니 다.
http://51lulu.spaces.live.com/blog/cns!83064727507EA7B6!140.entry
댓 글 추가
CSS 의 RevealTrans 필 터 를 교묘 하 게 사용 하 다.
CSS 의 RevealTrans 동적 필 터 는 신기 한 필터 입 니 다. 23 가지 동적 효 과 를 낼 수 있 습 니 다. 더욱 기묘 한 것 은 23 가지 동적 효과 중 하 나 를 무 작위 로 추출 할 수 있 습 니 다. 그것 으로 웹 페이지 간 의 동적 전환 을 진행 하 는 것 은 매우 편리 합 니 다. 웹 페이지 소스 코드 의 < head > 와 < / head > 사이 에 이러한 줄 코드 를 삽입 하면 < Meta content = revealTrans >(Transition = 14, Duration = 3.0) http - equiv = Page - enter >, 이 페이지 에 들 어 갈 때 웹 페이지 는 막 을 올 리 는 것 처럼 가운데 에서 양쪽 으로 열 립 니 다. 색다른 스타일 이 아 닙 니까?!
Revealtrans 필 터 는 두 개의 인자 만 있 습 니 다. Duration: 전환 시간 입 니 다. 초 단위 입 니 다. Transition: 전환 방식 입 니 다. 24 가지 방식 이 있 습 니 다. 다음 표 참조:
Transition Transition
0 12
1 13
2 14
3 15
4 16
5 17
6 18
7 19
8 20
9 21
10 22
11 23
1、 Revealtrans , “mytrans", , Transition=12,Duration=2。 , < head > < /head > :
< style type="text/css" >
< !--
.mytrans { filter:revealTrans(Transition=12,Duration=2)}
-- >
< /style >
2、 , “Layer ID” “div1”( ), , Revealtrans , :< div id="div1" style="position:absolute; width:680px; height:30px; z-index:37; background: #FFFFCC; layer-background-color: #FFFFCC; border: 1px none #000000" class="mytrans" >< /div >
3、 < head > < /head > Javascript :
< script language="JavaScript" >
< !--
function HelpArray(len)
{
this.length=len;
}
// , 。
HelpText=new HelpArray(5);
HelpText[0]=" (Revealtrans) 。";
HelpText[1]=" , “Revaltrans" ,";
HelpText[2]=" , “apply()" ,";
HelpText[3]=" , ,";
HelpText[4]=" ,“play()" 。";
ScriptText=new HelpArray(5);
var i= -1;
//
function playHelp()
{
if (i==4)
{ i=0 ;}
else
{ i++; }
div1.filters[0].apply();
div1.innerText=HelpText[i];
div1.filters[0].play();
// , 。 , 。
// 。 6 , 2 。
mytimeout=setTimeout("playHelp()",6000);
}
-- >
< /script >
4、 < body > :onload="playHelp()"。
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.