Source code:
<! DOCTYPE html PUBLIC "-// W3C // dtd html 4.01 Transitional // EN" "http://www.w3.org/TR/html4/loose.dtd">
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8">
<Title> SmartUpload </title>
<Link rel = "stylesheet" href = "reset.css"> </link>
<Link rel = "stylesheet" href = "demo.css"> </link>
<Style>
@ Media screen and (-webkit-min-device-pixel-ratio: 0 ){. ks-smartupload-file {margin-left:-370px;}/* chrome and safari */
</Style>
</Head>
<Body>
<H1> SmartUpload (Default) <Div> default mode </div>
<Div class = "wrapper"> <a href = '#' id = "J_btn" class = 'J _ btn '> upload </a> </div>
<Script type = "text/javascript" src = "jquery-latest.min.js"> </script>
<Script type = "text/javascript" src = "smartupload. js"> </script>
<Script type = "text/javascript">
(Function ($ ){
/**
* $. Fn. SmartUpload (target, cfg)
* @ Param target: upload button
* @ Param cfg configuration item
*
*/Var title = "";
Var su = new $. fn. SmartUpload ("# J_btn ",{
// Upload type
Type: "iframe ",
// Upload path
Url: "upload. php ",
// Return type
// DataType: "json ",
FileName: "fileData ",
// Callback
Success: function (data ){
// Callback
Alert (data );
}
});
$ ("# J_submit"). click (function (){
// Transmit dynamically obtained data to the server
Su. setData ({"sendData": $ ("# J_param_text"). val ()});
Su. submit ();
});
}) (JQuery );
</Script>
</Body>
</Html>