ファイルのアップロードの種類を決定する JavaScript メソッド_JavaScript スキル

この記事の例は、JavaScript がファイルのアップロードの種類を決定する方法を示しています。これは非常に一般的な手法です。具体的な実装方法は以下の通りです。

ファイルをアップロードするときに関数が使用されます。この関数は、HTML 要素の input タグを使用して実装されます:

<input id="imageFile" name="imageFile1" accept="image/jpg,image/jpeg,image/png,image/bmp,image/gif" type="file"   title="点击选择文件" onchange="imageSubmit(this,0);"/> 

画像を選択すると、すぐに onchange イベントがトリガーされ、画像がアップロードされます。ただし、同じ画像を繰り返し選択しても、onchang イベントはトリガーされません。

function imageSubmit(obj, imageType) { 
  if (imageType == "0") { 
  //相关处理代码... 

  //解决上传相同图片不触发onchange事件
  var nf = obj.cloneNode(true);
  nf.value=''; 
  obj.parentNode.replaceChild(nf, obj);
  }
}

cloneNode() メソッドは、呼び出し側ノードの同一のコピーを作成するために使用されます。パラメータが true の場合は、深いコピー、つまりノードと子ノード ツリー全体のコピーが実行されます。コピーが実行されます。つまり、ノード自体のみがコピーされます。コピー後に返されたノードのコピーはドキュメントによって所有されますが、親ノードが割り当てられていません。したがって、ノードのコピーは、appendChild()、insertBefore()、または replaceChild() を介してドキュメントに追加されない限り、「孤立」になります。

この記事が、JavaScript を使用して Web プログラムを設計するのに役立つことを願っています。